diff --git a/docs/api/index.md b/docs/api/index.md
new file mode 100644
index 000000000..d71a080e9
--- /dev/null
+++ b/docs/api/index.md
@@ -0,0 +1,5222 @@
+# gridstack v12.2.2-dev
+
+## Classes
+
+
+## Table of Contents
+
+- [GridStack](#gridstack)
+- [GridStackEngine](#gridstackengine)
+- [Utils](#utils)
+- [GridStackOptions](#gridstackoptions)
+- [`abstract` DDBaseImplement](#abstract-ddbaseimplement)
+- [DDDraggable](#dddraggable)
+- [DDDroppable](#dddroppable)
+- [DDElement](#ddelement)
+- [DDGridStack](#ddgridstack)
+- [DDManager](#ddmanager)
+- [DDResizable](#ddresizable-1)
+- [DDResizableHandle](#ddresizablehandle)
+- [Breakpoint](#breakpoint)
+- [CellPosition](#cellposition)
+- [DDDragOpt](#dddragopt)
+- [DDDroppableOpt](#dddroppableopt)
+- [DDElementHost](#ddelementhost)
+- [DDRemoveOpt](#ddremoveopt)
+- [DDResizableHandleOpt](#ddresizablehandleopt)
+- [DDResizableOpt](#ddresizableopt)
+- [DDResizeOpt](#ddresizeopt)
+- [DDUIData](#dduidata)
+- [DragTransform](#dragtransform)
+- [GridHTMLElement](#gridhtmlelement)
+- [GridItemHTMLElement](#griditemhtmlelement)
+- [GridStackEngineOptions](#gridstackengineoptions)
+- [GridStackMoveOpts](#gridstackmoveopts)
+- [GridStackNode](#gridstacknode-2)
+- [GridStackPosition](#gridstackposition)
+- [GridStackWidget](#gridstackwidget)
+- [HeightData](#heightdata)
+- [HTMLElementExtendOpt\<T\>](#htmlelementextendoptt)
+- [MousePosition](#mouseposition)
+- [Position](#position-1)
+- [Rect](#rect-1)
+- [Responsive](#responsive)
+- [Size](#size-1)
+- [gridDefaults](#griddefaults)
+- [AddRemoveFcn()](#addremovefcn)
+- [ColumnOptions](#columnoptions)
+- [CompactOptions](#compactoptions)
+- [DDCallback()](#ddcallback)
+- [DDDropOpt](#dddropopt)
+- [DDKey](#ddkey)
+- [DDOpts](#ddopts)
+- [DDValue](#ddvalue)
+- [EventCallback()](#eventcallback)
+- [GridStackDroppedHandler()](#gridstackdroppedhandler)
+- [GridStackElement](#gridstackelement)
+- [GridStackElementHandler()](#gridstackelementhandler)
+- [GridStackEvent](#gridstackevent)
+- [GridStackEventHandler()](#gridstackeventhandler)
+- [GridStackEventHandlerCallback](#gridstackeventhandlercallback)
+- [GridStackNodesHandler()](#gridstacknodeshandler)
+- [numberOrString](#numberorstring)
+- [RenderFcn()](#renderfcn)
+- [ResizeToContentFcn()](#resizetocontentfcn)
+- [SaveFcn()](#savefcn)
+
+<a id="gridstack"></a>
+### GridStack
+
+Defined in: [gridstack.ts:76](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L76)
+
+Main gridstack class - you will need to call `GridStack.init()` first to initialize your grid.
+Note: your grid elements MUST have the following classes for the CSS layout to work:
+
+#### Example
+
+```ts
+<div class="grid-stack">
+  <div class="grid-stack-item">
+    <div class="grid-stack-item-content">Item 1</div>
+  </div>
+</div>
+```
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new GridStack(el, opts): GridStack;
+```
+
+Defined in: [gridstack.ts:263](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263)
+
+Construct a grid item from the given element and options
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `el` | [`GridHTMLElement`](#gridhtmlelement) | the HTML element tied to this grid after it's been initialized |
+| `opts` | [`GridStackOptions`](#gridstackoptions) | grid options - public for classes to access, but use methods to modify! |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+#### Methods
+
+##### \_updateResizeEvent()
+
+```ts
+protected _updateResizeEvent(forceRemove): GridStack;
+```
+
+Defined in: [gridstack.ts:1829](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1829)
+
+add or remove the grid element size event handler
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `forceRemove` | `boolean` | `false` |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### \_widthOrContainer()
+
+```ts
+protected _widthOrContainer(forBreakpoint): number;
+```
+
+Defined in: [gridstack.ts:887](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L887)
+
+return our expected width (or parent) , and optionally of window for dynamic column check
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `forBreakpoint` | `boolean` | `false` |
+
+###### Returns
+
+`number`
+
+##### addGrid()
+
+```ts
+static addGrid(parent, opt): GridStack;
+```
+
+Defined in: [gridstack.ts:141](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L141)
+
+call to create a grid with the given options, including loading any children from JSON structure. This will call GridStack.init(), then
+grid.load() on any passed children (recursively). Great alternative to calling init() if you want entire grid to come from
+JSON serialized data, including options.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `parent` | `HTMLElement` | HTML element parent to the grid |
+| `opt` | [`GridStackOptions`](#gridstackoptions) | grids options used to initialize the grid, and list of children |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### addWidget()
+
+```ts
+addWidget(w): GridItemHTMLElement;
+```
+
+Defined in: [gridstack.ts:429](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L429)
+
+add a new widget and returns it.
+
+Widget will be always placed even if result height is more than actual grid height.
+You need to use `willItFit()` before calling addWidget for additional check.
+See also `makeWidget(el)` for DOM element.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `w` | [`GridStackWidget`](#gridstackwidget) | GridStackWidget definition. used MakeWidget(el) if you have dom element instead. |
+
+###### Returns
+
+[`GridItemHTMLElement`](#griditemhtmlelement)
+
+###### Example
+
+```ts
+const grid = GridStack.init();
+grid.addWidget({w: 3, content: 'hello'});
+```
+
+##### batchUpdate()
+
+```ts
+batchUpdate(flag): GridStack;
+```
+
+Defined in: [gridstack.ts:792](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L792)
+
+use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
+and get a single event callback. You will see no changes until `batchUpdate(false)` is called.
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `flag` | `boolean` | `true` |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### cellHeight()
+
+```ts
+cellHeight(val?): GridStack;
+```
+
+Defined in: [gridstack.ts:849](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L849)
+
+Update current cell height - see `GridStackOptions.cellHeight` for format.
+This method rebuilds an internal CSS style sheet.
+Note: You can expect performance issues if call this method too often.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `val?` | [`numberOrString`](#numberorstring) | the cell height. If not passed (undefined), cells content will be made square (match width minus margin), if pass 0 the CSS will be generated by the application instead. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.cellHeight(100); // same as 100px
+grid.cellHeight('70px');
+grid.cellHeight(grid.cellWidth() * 1.2);
+```
+
+##### cellWidth()
+
+```ts
+cellWidth(): number;
+```
+
+Defined in: [gridstack.ts:883](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L883)
+
+Gets current cell width.
+
+###### Returns
+
+`number`
+
+##### checkDynamicColumn()
+
+```ts
+protected checkDynamicColumn(): boolean;
+```
+
+Defined in: [gridstack.ts:893](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L893)
+
+checks for dynamic column count for our current size, returning true if changed
+
+###### Returns
+
+`boolean`
+
+##### column()
+
+```ts
+column(column, layout): GridStack;
+```
+
+Defined in: [gridstack.ts:937](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L937)
+
+set the number of columns in the grid. Will update existing widgets to conform to new number of columns,
+as well as cache the original layout so you can revert back to previous positions without loss.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `column` | `number` | `undefined` | Integer > 0 (default 12). |
+| `layout` | [`ColumnOptions`](#columnoptions) | `'moveScale'` | specify the type of re-layout that will happen (position, size, etc...). Note: items will never be outside of the current column boundaries. default ('moveScale'). Ignored for 1 column |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### commit()
+
+```ts
+commit(): GridStack;
+```
+
+Defined in: [gridstack.ts:2676](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2676)
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### compact()
+
+```ts
+compact(layout, doSort): GridStack;
+```
+
+Defined in: [gridstack.ts:924](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L924)
+
+re-layout grid items to reclaim any empty space. Options are:
+'list' keep the widget left->right order the same, even if that means leaving an empty slot if things don't fit
+'compact' might re-order items to fill any empty space
+
+doSort - 'false' to let you do your own sorting ahead in case you need to control a different order. (default to sort)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `layout` | [`CompactOptions`](#compactoptions) | `'compact'` |
+| `doSort` | `boolean` | `true` |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### createWidgetDivs()
+
+```ts
+createWidgetDivs(n): HTMLElement;
+```
+
+Defined in: [gridstack.ts:467](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L467)
+
+create the default grid item divs, and content (possibly lazy loaded) by using GridStack.renderCB()
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`HTMLElement`
+
+##### destroy()
+
+```ts
+destroy(removeDOM): GridStack;
+```
+
+Defined in: [gridstack.ts:984](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L984)
+
+Destroys a grid instance. DO NOT CALL any methods or access any vars after this as it will free up members.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `removeDOM` | `boolean` | `true` | if `false` grid and items HTML elements will not be removed from the DOM (Optional. Default `true`). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### disable()
+
+```ts
+disable(recurse): GridStack;
+```
+
+Defined in: [gridstack.ts:1987](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1987)
+
+Temporarily disables widgets moving/resizing.
+If you want a more permanent way (which freezes up resources) use `setStatic(true)` instead.
+Note: no-op for static grid
+This is a shortcut for:
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `recurse` | `boolean` | `true` | true (default) if sub-grids also get updated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.enableMove(false);
+ grid.enableResize(false);
+```
+
+##### enable()
+
+```ts
+enable(recurse): GridStack;
+```
+
+Defined in: [gridstack.ts:2003](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2003)
+
+Re-enables widgets moving/resizing - see disable().
+Note: no-op for static grid.
+This is a shortcut for:
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `recurse` | `boolean` | `true` | true (default) if sub-grids also get updated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.enableMove(true);
+ grid.enableResize(true);
+```
+
+##### enableMove()
+
+```ts
+enableMove(doEnable, recurse): GridStack;
+```
+
+Defined in: [gridstack.ts:2015](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2015)
+
+Enables/disables widget moving. No-op for static grids, and locally defined items still overrule
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `doEnable` | `boolean` | `undefined` | - |
+| `recurse` | `boolean` | `true` | true (default) if sub-grids also get updated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### enableResize()
+
+```ts
+enableResize(doEnable, recurse): GridStack;
+```
+
+Defined in: [gridstack.ts:2029](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2029)
+
+Enables/disables widget resizing. No-op for static grids.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `doEnable` | `boolean` | `undefined` | - |
+| `recurse` | `boolean` | `true` | true (default) if sub-grids also get updated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### float()
+
+```ts
+float(val): GridStack;
+```
+
+Defined in: [gridstack.ts:1010](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1010)
+
+enable/disable floating widgets (default: `false`) See [example](http://gridstackjs.com/demo/float.html)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `val` | `boolean` |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### getCellFromPixel()
+
+```ts
+getCellFromPixel(position, useDocRelative): CellPosition;
+```
+
+Defined in: [gridstack.ts:1034](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1034)
+
+Get the position of the cell under a pixel on screen.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `position` | [`MousePosition`](#mouseposition) | `undefined` | the position of the pixel to resolve in absolute coordinates, as an object with top and left properties |
+| `useDocRelative` | `boolean` | `false` | if true, value will be based on document position vs parent position (Optional. Default false). Useful when grid is within `position: relative` element Returns an object with properties `x` and `y` i.e. the column and row in the grid. |
+
+###### Returns
+
+[`CellPosition`](#cellposition)
+
+##### getCellHeight()
+
+```ts
+getCellHeight(forcePixel): number;
+```
+
+Defined in: [gridstack.ts:806](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L806)
+
+Gets current cell height.
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `forcePixel` | `boolean` | `false` |
+
+###### Returns
+
+`number`
+
+##### getColumn()
+
+```ts
+getColumn(): number;
+```
+
+Defined in: [gridstack.ts:969](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L969)
+
+get the number of columns in the grid (default 12)
+
+###### Returns
+
+`number`
+
+##### getDD()
+
+```ts
+static getDD(): DDGridStack;
+```
+
+Defined in: [gridstack.ts:1918](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1918)
+
+get the global (but static to this code) DD implementation
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### getFloat()
+
+```ts
+getFloat(): boolean;
+```
+
+Defined in: [gridstack.ts:1021](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1021)
+
+get the current float mode
+
+###### Returns
+
+`boolean`
+
+##### getGridItems()
+
+```ts
+getGridItems(): GridItemHTMLElement[];
+```
+
+Defined in: [gridstack.ts:972](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L972)
+
+returns an array of grid HTML elements (no placeholder) - used to iterate through our children in DOM order
+
+###### Returns
+
+[`GridItemHTMLElement`](#griditemhtmlelement)[]
+
+##### getMargin()
+
+```ts
+getMargin(): number;
+```
+
+Defined in: [gridstack.ts:1526](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1526)
+
+returns current margin number value (undefined if 4 sides don't match)
+
+###### Returns
+
+`number`
+
+##### getRow()
+
+```ts
+getRow(): number;
+```
+
+Defined in: [gridstack.ts:1055](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1055)
+
+returns the current number of rows, which will be at least `minRow` if set
+
+###### Returns
+
+`number`
+
+##### init()
+
+```ts
+static init(options, elOrString): GridStack;
+```
+
+Defined in: [gridstack.ts:91](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L91)
+
+initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
+simply return the existing instance (ignore any passed options). There is also an initAll() version that support
+multiple grids initialization at once. Or you can use addGrid() to create the entire grid from JSON.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `options` | [`GridStackOptions`](#gridstackoptions) | `{}` | grid options (optional) |
+| `elOrString` | [`GridStackElement`](#gridstackelement) | `'.grid-stack'` | element or CSS selector (first one used) to convert to a grid (default to '.grid-stack' class selector) |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+const grid = GridStack.init();
+
+Note: the HTMLElement (of type GridHTMLElement) will store a `gridstack: GridStack` value that can be retrieve later
+const grid = document.querySelector('.grid-stack').gridstack;
+```
+
+##### initAll()
+
+```ts
+static initAll(options, selector): GridStack[];
+```
+
+Defined in: [gridstack.ts:118](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L118)
+
+Will initialize a list of elements (given a selector) and return an array of grids.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `options` | [`GridStackOptions`](#gridstackoptions) | `{}` | grid options (optional) |
+| `selector` | `string` | `'.grid-stack'` | elements selector to convert to grids (default to '.grid-stack' class selector) |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)[]
+
+###### Example
+
+```ts
+const grids = GridStack.initAll();
+grids.forEach(...)
+```
+
+##### isAreaEmpty()
+
+```ts
+isAreaEmpty(
+   x, 
+   y, 
+   w, 
+   h): boolean;
+```
+
+Defined in: [gridstack.ts:1066](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1066)
+
+Checks if specified area is empty.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `x` | `number` | the position x. |
+| `y` | `number` | the position y. |
+| `w` | `number` | the width of to check |
+| `h` | `number` | the height of to check |
+
+###### Returns
+
+`boolean`
+
+##### isIgnoreChangeCB()
+
+```ts
+isIgnoreChangeCB(): boolean;
+```
+
+Defined in: [gridstack.ts:978](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L978)
+
+true if changeCB should be ignored due to column change, sizeToContent, loading, etc... which caller can ignore for dirty flag case
+
+###### Returns
+
+`boolean`
+
+##### load()
+
+```ts
+load(items, addRemove): GridStack;
+```
+
+Defined in: [gridstack.ts:681](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L681)
+
+load the widgets from a list. This will call update() on each (matching by id) or add/remove widgets that are not there.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `items` | [`GridStackWidget`](#gridstackwidget)[] | list of widgets definition to update/create |
+| `addRemove` | `boolean` \| [`AddRemoveFcn`](#addremovefcn) | boolean (default true) or callback method can be passed to control if and how missing widgets can be added/removed, giving the user control of insertion. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+see http://gridstackjs.com/demo/serialization.html
+```
+
+##### makeSubGrid()
+
+```ts
+makeSubGrid(
+   el, 
+   ops?, 
+   nodeToAdd?, 
+   saveContent?): GridStack;
+```
+
+Defined in: [gridstack.ts:495](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L495)
+
+Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
+from the parent's subGrid options.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) | `undefined` | gridItem element to convert |
+| `ops?` | [`GridStackOptions`](#gridstackoptions) | `undefined` | (optional) sub-grid options, else default to node, then parent settings, else defaults |
+| `nodeToAdd?` | [`GridStackNode`](#gridstacknode-2) | `undefined` | (optional) node to add to the newly created sub grid (used when dragging over existing regular item) |
+| `saveContent?` | `boolean` | `true` | if true (default) the html inside .grid-stack-content will be saved to child widget |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+newly created grid
+
+##### makeWidget()
+
+```ts
+makeWidget(els, options?): GridItemHTMLElement;
+```
+
+Defined in: [gridstack.ts:1083](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1083)
+
+If you add elements to your grid by hand (or have some framework creating DOM), you have to tell gridstack afterwards to make them widgets.
+If you want gridstack to add the elements for you, use `addWidget()` instead.
+Makes the given element a widget and returns it.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | widget or single selector to convert. |
+| `options?` | [`GridStackWidget`](#gridstackwidget) | widget definition to use instead of reading attributes or using default sizing values |
+
+###### Returns
+
+[`GridItemHTMLElement`](#griditemhtmlelement)
+
+###### Example
+
+```ts
+const grid = GridStack.init();
+grid.el.innerHtml = '<div id="1" gs-w="3"></div><div id="2"></div>';
+grid.makeWidget('1');
+grid.makeWidget('2', {w:2, content: 'hello'});
+```
+
+##### margin()
+
+```ts
+margin(value): GridStack;
+```
+
+Defined in: [gridstack.ts:1510](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1510)
+
+Updates the margins which will set all 4 sides at once - see `GridStackOptions.margin` for format options (CSS string format of 1,2,4 values or single number).
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `value` | [`numberOrString`](#numberorstring) | margin value |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### movable()
+
+```ts
+movable(els, val): GridStack;
+```
+
+Defined in: [gridstack.ts:1950](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1950)
+
+Enables/Disables dragging by the user of specific grid element. If you want all items, and have it affect future items, use enableMove() instead. No-op for static grids.
+IF you are looking to prevent an item from moving (due to being pushed around by another during collision) use locked property instead.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | widget or selector to modify. |
+| `val` | `boolean` | if true widget will be draggable, assuming the parent grid isn't noMove or static. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### off()
+
+```ts
+off(name): GridStack;
+```
+
+Defined in: [gridstack.ts:1163](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1163)
+
+unsubscribe from the 'on' event GridStackEvent
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | `string` | of the event (see possible values) or list of names space separated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### offAll()
+
+```ts
+offAll(): GridStack;
+```
+
+Defined in: [gridstack.ts:1183](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1183)
+
+remove all event handlers
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### on()
+
+###### Call Signature
+
+```ts
+on(name, callback): GridStack;
+```
+
+Defined in: [gridstack.ts:1126](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1126)
+
+Event handler that extracts our CustomEvent data out automatically for receiving custom
+notifications (see doc for supported events)
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | `"dropped"` | of the event (see possible values) or list of names space separated |
+| `callback` | [`GridStackDroppedHandler`](#gridstackdroppedhandler) | function called with event and optional second/third param (see README documentation for each signature). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.on('added', function(e, items) { log('added ', items)} );
+or
+grid.on('added removed change', function(e, items) { log(e.type, items)} );
+
+Note: in some cases it is the same as calling native handler and parsing the event.
+grid.el.addEventListener('added', function(event) { log('added ', event.detail)} );
+```
+
+###### Call Signature
+
+```ts
+on(name, callback): GridStack;
+```
+
+Defined in: [gridstack.ts:1127](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1127)
+
+Event handler that extracts our CustomEvent data out automatically for receiving custom
+notifications (see doc for supported events)
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | `"enable"` \| `"disable"` | of the event (see possible values) or list of names space separated |
+| `callback` | [`GridStackEventHandler`](#gridstackeventhandler) | function called with event and optional second/third param (see README documentation for each signature). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.on('added', function(e, items) { log('added ', items)} );
+or
+grid.on('added removed change', function(e, items) { log(e.type, items)} );
+
+Note: in some cases it is the same as calling native handler and parsing the event.
+grid.el.addEventListener('added', function(event) { log('added ', event.detail)} );
+```
+
+###### Call Signature
+
+```ts
+on(name, callback): GridStack;
+```
+
+Defined in: [gridstack.ts:1128](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1128)
+
+Event handler that extracts our CustomEvent data out automatically for receiving custom
+notifications (see doc for supported events)
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | `"removed"` \| `"change"` \| `"added"` \| `"resizecontent"` | of the event (see possible values) or list of names space separated |
+| `callback` | [`GridStackNodesHandler`](#gridstacknodeshandler) | function called with event and optional second/third param (see README documentation for each signature). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.on('added', function(e, items) { log('added ', items)} );
+or
+grid.on('added removed change', function(e, items) { log(e.type, items)} );
+
+Note: in some cases it is the same as calling native handler and parsing the event.
+grid.el.addEventListener('added', function(event) { log('added ', event.detail)} );
+```
+
+###### Call Signature
+
+```ts
+on(name, callback): GridStack;
+```
+
+Defined in: [gridstack.ts:1129](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1129)
+
+Event handler that extracts our CustomEvent data out automatically for receiving custom
+notifications (see doc for supported events)
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | \| `"resize"` \| `"drag"` \| `"dragstart"` \| `"resizestart"` \| `"resizestop"` \| `"dragstop"` | of the event (see possible values) or list of names space separated |
+| `callback` | [`GridStackElementHandler`](#gridstackelementhandler) | function called with event and optional second/third param (see README documentation for each signature). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.on('added', function(e, items) { log('added ', items)} );
+or
+grid.on('added removed change', function(e, items) { log(e.type, items)} );
+
+Note: in some cases it is the same as calling native handler and parsing the event.
+grid.el.addEventListener('added', function(event) { log('added ', event.detail)} );
+```
+
+###### Call Signature
+
+```ts
+on(name, callback): GridStack;
+```
+
+Defined in: [gridstack.ts:1130](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1130)
+
+Event handler that extracts our CustomEvent data out automatically for receiving custom
+notifications (see doc for supported events)
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `name` | `string` | of the event (see possible values) or list of names space separated |
+| `callback` | [`GridStackEventHandlerCallback`](#gridstackeventhandlercallback) | function called with event and optional second/third param (see README documentation for each signature). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+###### Example
+
+```ts
+grid.on('added', function(e, items) { log('added ', items)} );
+or
+grid.on('added removed change', function(e, items) { log(e.type, items)} );
+
+Note: in some cases it is the same as calling native handler and parsing the event.
+grid.el.addEventListener('added', function(event) { log('added ', event.detail)} );
+```
+
+##### onResize()
+
+```ts
+onResize(clientWidth): GridStack;
+```
+
+Defined in: [gridstack.ts:1768](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1768)
+
+called when we are being resized - check if the one Column Mode needs to be turned on/off
+and remember the prev columns we used, or get our count from parent, as well as check for cellHeight==='auto' (square)
+or `sizeToContent` gridItem options.
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `clientWidth` | `number` |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### prepareDragDrop()
+
+```ts
+prepareDragDrop(el, force?): GridStack;
+```
+
+Defined in: [gridstack.ts:2372](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2372)
+
+prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) | `undefined` | GridItemHTMLElement of the widget |
+| `force?` | `boolean` | `false` |  |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### registerEngine()
+
+```ts
+static registerEngine(engineClass): void;
+```
+
+Defined in: [gridstack.ts:172](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L172)
+
+call this method to register your engine instead of the default one.
+See instead `GridStackOptions.engineClass` if you only need to
+replace just one instance.
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `engineClass` | *typeof* [`GridStackEngine`](#gridstackengine-2) |
+
+###### Returns
+
+`void`
+
+##### removeAll()
+
+```ts
+removeAll(removeDOM, triggerEvent): GridStack;
+```
+
+Defined in: [gridstack.ts:1232](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1232)
+
+Removes all widgets from the grid.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `removeDOM` | `boolean` | `true` | if `false` DOM elements won't be removed from the tree (Default? `true`). |
+| `triggerEvent` | `boolean` | `true` | if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### removeAsSubGrid()
+
+```ts
+removeAsSubGrid(nodeThatRemoved?): void;
+```
+
+Defined in: [gridstack.ts:588](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L588)
+
+called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
+to the original grid-item. Also called to remove empty sub-grids when last item is dragged out (since re-creating is simple)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `nodeThatRemoved?` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`void`
+
+##### removeWidget()
+
+```ts
+removeWidget(
+   els, 
+   removeDOM, 
+   triggerEvent): GridStack;
+```
+
+Defined in: [gridstack.ts:1194](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1194)
+
+Removes widget from the grid.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | `undefined` | - |
+| `removeDOM` | `boolean` | `true` | if `false` DOM element won't be removed from the tree (Default? true). |
+| `triggerEvent` | `boolean` | `true` | if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true). |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### resizable()
+
+```ts
+resizable(els, val): GridStack;
+```
+
+Defined in: [gridstack.ts:1966](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1966)
+
+Enables/Disables user resizing of specific grid element. If you want all items, and have it affect future items, use enableResize() instead. No-op for static grids.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | widget or selector to modify |
+| `val` | `boolean` | if true widget will be resizable, assuming the parent grid isn't noResize or static. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### resizeToContent()
+
+```ts
+resizeToContent(el): void;
+```
+
+Defined in: [gridstack.ts:1422](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1422)
+
+Updates widget height to match the content height to avoid v-scrollbar or dead space.
+Note: this assumes only 1 child under resizeToContentParent='.grid-stack-item-content' (sized to gridItem minus padding) that is at the entire content size wanted.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) | grid item element |
+
+###### Returns
+
+`void`
+
+##### rotate()
+
+```ts
+rotate(els, relative?): GridStack;
+```
+
+Defined in: [gridstack.ts:1486](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1486)
+
+rotate (by swapping w & h) the passed in node - called when user press 'r' during dragging
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | widget or selector of objects to modify |
+| `relative?` | [`Position`](#position-1) | optional pixel coord relative to upper/left corner to rotate around (will keep that cell under cursor) |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### save()
+
+```ts
+save(
+   saveContent, 
+   saveGridOpt, 
+   saveCB): 
+  | GridStackOptions
+  | GridStackWidget[];
+```
+
+Defined in: [gridstack.ts:619](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L619)
+
+saves the current layout returning a list of widgets for serialization which might include any nested grids.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `saveContent` | `boolean` | `true` | if true (default) the latest html inside .grid-stack-content will be saved to GridStackWidget.content field, else it will be removed. |
+| `saveGridOpt` | `boolean` | `false` | if true (default false), save the grid options itself, so you can call the new GridStack.addGrid() to recreate everything from scratch. GridStackOptions.children would then contain the widget list instead. |
+| `saveCB` | [`SaveFcn`](#savefcn) | `GridStack.saveCB` | callback for each node -> widget, so application can insert additional data to be saved into the widget data structure. |
+
+###### Returns
+
+  \| [`GridStackOptions`](#gridstackoptions)
+  \| [`GridStackWidget`](#gridstackwidget)[]
+
+list of widgets or full grid option, including .children list of widgets
+
+##### setAnimation()
+
+```ts
+setAnimation(doAnimate, delay?): GridStack;
+```
+
+Defined in: [gridstack.ts:1251](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1251)
+
+Toggle the grid animation state.  Toggles the `grid-stack-animate` class.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `doAnimate` | `boolean` | if true the grid will animate. |
+| `delay?` | `boolean` | if true setting will be set on next event loop. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### setStatic()
+
+```ts
+setStatic(
+   val, 
+   updateClass, 
+   recurse): GridStack;
+```
+
+Defined in: [gridstack.ts:1274](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1274)
+
+Toggle the grid static state, which permanently removes/add Drag&Drop support, unlike disable()/enable() that just turns it off/on.
+Also toggle the grid-stack-static class.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `val` | `boolean` | `undefined` | if true the grid become static. |
+| `updateClass` | `boolean` | `true` | true (default) if css class gets updated |
+| `recurse` | `boolean` | `true` | true (default) if sub-grids also get updated |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### setupDragIn()
+
+```ts
+static setupDragIn(
+   dragIn?, 
+   dragInOptions?, 
+   widgets?, 
+   root?): void;
+```
+
+Defined in: [gridstack.ts:1931](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1931)
+
+call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
+Called during GridStack.init() as options, but can also be called directly (last param are used) in case the toolbar
+is dynamically create and needs to be set later.
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `dragIn?` | `string` \| `HTMLElement`[] | `undefined` | string selector (ex: '.sidebar-item') or list of dom elements |
+| `dragInOptions?` | [`DDDragOpt`](#dddragopt) | `undefined` | options - see DDDragOpt. (default: {handle: '.grid-stack-item-content', appendTo: 'body'} |
+| `widgets?` | [`GridStackWidget`](#gridstackwidget)[] | `undefined` | GridStackWidget def to assign to each element which defines what to create on drop |
+| `root?` | `Document` \| `HTMLElement` | `document` | optional root which defaults to document (for shadow dom pass the parent HTMLDocument) |
+
+###### Returns
+
+`void`
+
+##### triggerEvent()
+
+```ts
+protected triggerEvent(event, target): void;
+```
+
+Defined in: [gridstack.ts:2626](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2626)
+
+call given event callback on our main top-most grid (if we're nested)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+| `target` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+
+###### Returns
+
+`void`
+
+##### update()
+
+```ts
+update(els, opt): GridStack;
+```
+
+Defined in: [gridstack.ts:1330](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1330)
+
+Updates widget position/size and other info. Note: if you need to call this on all nodes, use load() instead which will update what changed.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | widget or selector of objects to modify (note: setting the same x,y for multiple items will be indeterministic and likely unwanted) |
+| `opt` | [`GridStackWidget`](#gridstackwidget) | new widget options (x,y,w,h, etc..). Only those set will be updated. |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### updateOptions()
+
+```ts
+updateOptions(o): GridStack;
+```
+
+Defined in: [gridstack.ts:1292](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1292)
+
+Updates the passed in options on the grid (similar to update(widget) for for the grid options).
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `o` | [`GridStackOptions`](#gridstackoptions) |
+
+###### Returns
+
+[`GridStack`](#gridstack-1)
+
+##### willItFit()
+
+```ts
+willItFit(node): boolean;
+```
+
+Defined in: [gridstack.ts:1540](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1540)
+
+Returns true if the height of the grid will be less than the vertical
+constraint. Always returns true if grid doesn't have height constraint.
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `node` | [`GridStackWidget`](#gridstackwidget) | contains x,y,w,h,auto-position options |
+
+###### Returns
+
+`boolean`
+
+###### Example
+
+```ts
+if (grid.willItFit(newWidget)) {
+  grid.addWidget(newWidget);
+} else {
+  alert('Not enough free space to place the widget');
+}
+```
+
+#### Properties
+
+| Property | Modifier | Type | Default value | Description | Defined in |
+| ------ | ------ | ------ | ------ | ------ | ------ |
+| <a id="addremovecb"></a> `addRemoveCB?` | `static` | [`AddRemoveFcn`](#addremovefcn) | `undefined` | callback method use when new items|grids needs to be created or deleted, instead of the default item: <div class="grid-stack-item"><div class="grid-stack-item-content">w.content</div></div> grid: <div class="grid-stack">grid content...</div> add = true: the returned DOM element will then be converted to a GridItemHTMLElement using makeWidget()|GridStack:init(). add = false: the item will be removed from DOM (if not already done) grid = true|false for grid vs grid-items | [gridstack.ts:184](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L184) |
+| <a id="animationdelay"></a> `animationDelay` | `public` | `number` | `undefined` | time to wait for animation (if enabled) to be done so content sizing can happen | [gridstack.ts:218](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L218) |
+| <a id="el-4"></a> `el` | `public` | [`GridHTMLElement`](#gridhtmlelement) | `undefined` | the HTML element tied to this grid after it's been initialized | [gridstack.ts:263](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263) |
+| <a id="engine"></a> `engine` | `public` | [`GridStackEngine`](#gridstackengine-2) | `undefined` | engine used to implement non DOM grid functionality | [gridstack.ts:212](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L212) |
+| <a id="engine-1"></a> `Engine` | `static` | *typeof* [`GridStackEngine`](#gridstackengine-2) | `GridStackEngine` | scoping so users can call new GridStack.Engine(12) for example | [gridstack.ts:209](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L209) |
+| <a id="engineclass"></a> `engineClass` | `static` | *typeof* [`GridStackEngine`](#gridstackengine-2) | `undefined` | - | [gridstack.ts:220](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L220) |
+| <a id="opts"></a> `opts` | `public` | [`GridStackOptions`](#gridstackoptions) | `{}` | grid options - public for classes to access, but use methods to modify! | [gridstack.ts:263](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263) |
+| <a id="parentgridnode"></a> `parentGridNode?` | `public` | [`GridStackNode`](#gridstacknode-2) | `undefined` | point to a parent grid item if we're nested (inside a grid-item in between 2 Grids) | [gridstack.ts:215](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L215) |
+| <a id="rendercb"></a> `renderCB?` | `static` | [`RenderFcn`](#renderfcn) | `undefined` | callback to create the content of widgets so the app can control how to store and restore it By default this lib will do 'el.textContent = w.content' forcing text only support for avoiding potential XSS issues. | [gridstack.ts:195](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L195) |
+| <a id="resizeobserver"></a> `resizeObserver` | `protected` | `ResizeObserver` | `undefined` | - | [gridstack.ts:221](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L221) |
+| <a id="resizetocontentcb"></a> `resizeToContentCB?` | `static` | [`ResizeToContentFcn`](#resizetocontentfcn) | `undefined` | callback to use for resizeToContent instead of the built in one | [gridstack.ts:201](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L201) |
+| <a id="resizetocontentparent"></a> `resizeToContentParent` | `static` | `string` | `'.grid-stack-item-content'` | parent class for sizing content. defaults to '.grid-stack-item-content' | [gridstack.ts:203](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L203) |
+| <a id="responselayout"></a> `responseLayout` | `protected` | [`ColumnOptions`](#columnoptions) | `undefined` | - | [gridstack.ts:255](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L255) |
+| <a id="savecb"></a> `saveCB?` | `static` | [`SaveFcn`](#savefcn) | `undefined` | callback during saving to application can inject extra data for each widget, on top of the grid layout properties | [gridstack.ts:189](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L189) |
+| <a id="updatecb"></a> `updateCB?` | `static` | (`w`) => `void` | `undefined` | called after a widget has been updated (eg: load() into an existing list of children) so application can do extra work | [gridstack.ts:198](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L198) |
+| <a id="utils"></a> `Utils` | `static` | *typeof* [`Utils`](#utils-1) | `Utils` | scoping so users can call GridStack.Utils.sort() for example | [gridstack.ts:206](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L206) |
+
+***
+
+<a id="gridstackengine"></a>
+### GridStackEngine
+
+Defined in: [gridstack-engine.ts:27](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L27)
+
+Defines the GridStack engine that does most no DOM grid manipulation.
+See GridStack methods and vars for descriptions.
+
+NOTE: values should not be modified directly - call the main GridStack API instead
+
+#### Accessors
+
+##### float
+
+###### Get Signature
+
+```ts
+get float(): boolean;
+```
+
+Defined in: [gridstack-engine.ts:315](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L315)
+
+float getter method
+
+###### Returns
+
+`boolean`
+
+###### Set Signature
+
+```ts
+set float(val): void;
+```
+
+Defined in: [gridstack-engine.ts:306](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L306)
+
+enable/disable floating widgets (default: `false`) See [example](http://gridstackjs.com/demo/float.html)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `val` | `boolean` |
+
+###### Returns
+
+`void`
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new GridStackEngine(opts): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:54](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L54)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`GridStackEngineOptions`](#gridstackengineoptions) |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+#### Methods
+
+##### \_useEntireRowArea()
+
+```ts
+protected _useEntireRowArea(node, nn): boolean;
+```
+
+Defined in: [gridstack-engine.ts:81](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L81)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `nn` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`boolean`
+
+##### addNode()
+
+```ts
+addNode(
+   node, 
+   triggerAddEvent, 
+   after?): GridStackNode;
+```
+
+Defined in: [gridstack-engine.ts:545](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L545)
+
+call to add the given node to our list, fixing collision and re-packing
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `triggerAddEvent` | `boolean` | `false` |
+| `after?` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)
+
+##### batchUpdate()
+
+```ts
+batchUpdate(flag, doPack): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:63](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L63)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `flag` | `boolean` | `true` |
+| `doPack` | `boolean` | `true` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### beginUpdate()
+
+```ts
+beginUpdate(node): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:747](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L747)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### cacheLayout()
+
+```ts
+cacheLayout(
+   nodes, 
+   column, 
+   clear): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:937](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L937)
+
+call to cache the given layout internally to the given location so we can restore back when column changes size
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `nodes` | [`GridStackNode`](#gridstacknode-2)[] | `undefined` | list of nodes |
+| `column` | `number` | `undefined` | corresponding column index to save it under |
+| `clear` | `boolean` | `false` | if true, will force other caches to be removed (default false) |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### cacheOneLayout()
+
+```ts
+cacheOneLayout(n, column): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:957](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L957)
+
+call to cache the given node layout internally to the given location so we can restore back when column changes size
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) | - |
+| `column` | `number` | corresponding column index to save it under |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### cacheRects()
+
+```ts
+cacheRects(
+   w, 
+   h, 
+   top, 
+   right, 
+   bottom, 
+   left): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:225](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L225)
+
+called to cache the nodes pixel rectangles used for collision detection during drag
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `w` | `number` |
+| `h` | `number` |
+| `top` | `number` |
+| `right` | `number` |
+| `bottom` | `number` |
+| `left` | `number` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### changedPosConstrain()
+
+```ts
+changedPosConstrain(node, p): boolean;
+```
+
+Defined in: [gridstack-engine.ts:669](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L669)
+
+true if x,y or w,h are different after clamping to min/max
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `p` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`boolean`
+
+##### cleanupNode()
+
+```ts
+cleanupNode(node): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:988](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L988)
+
+called to remove all internal values but the _id
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### collide()
+
+```ts
+collide(
+   skip, 
+   area, 
+   skip2?): GridStackNode;
+```
+
+Defined in: [gridstack-engine.ts:146](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L146)
+
+return the nodes that intercept the given node. Optionally a different area can be used, as well as a second node to skip
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `skip` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `area` | [`GridStackNode`](#gridstacknode-2) | `skip` |
+| `skip2?` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)
+
+##### collideAll()
+
+```ts
+collideAll(
+   skip, 
+   area, 
+   skip2?): GridStackNode[];
+```
+
+Defined in: [gridstack-engine.ts:151](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L151)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `skip` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `area` | [`GridStackNode`](#gridstacknode-2) | `skip` |
+| `skip2?` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)[]
+
+##### compact()
+
+```ts
+compact(layout, doSort): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:283](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L283)
+
+re-layout grid items to reclaim any empty space - optionally keeping the sort order exactly the same ('list' mode) vs truly finding an empty spaces
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `layout` | [`CompactOptions`](#compactoptions) | `'compact'` |
+| `doSort` | `boolean` | `true` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### directionCollideCoverage()
+
+```ts
+protected directionCollideCoverage(
+   node, 
+   o, 
+   collides): GridStackNode;
+```
+
+Defined in: [gridstack-engine.ts:158](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L158)
+
+does a pixel coverage collision based on where we started, returning the node that has the most coverage that is >50% mid line
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `o` | [`GridStackMoveOpts`](#gridstackmoveopts) |
+| `collides` | [`GridStackNode`](#gridstacknode-2)[] |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)
+
+##### endUpdate()
+
+```ts
+endUpdate(): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:756](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L756)
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### findCacheLayout()
+
+```ts
+protected findCacheLayout(n, column): number;
+```
+
+Defined in: [gridstack-engine.ts:971](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L971)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) |
+| `column` | `number` |
+
+###### Returns
+
+`number`
+
+##### findEmptyPosition()
+
+```ts
+findEmptyPosition(
+   node, 
+   nodeList, 
+   column, 
+   after?): boolean;
+```
+
+Defined in: [gridstack-engine.ts:523](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L523)
+
+find the first available empty spot for the given node width/height, updating the x,y attributes. return true if found.
+optionally you can pass your own existing node list and column count, otherwise defaults to that engine data.
+Optionally pass a widget to start search AFTER, meaning the order will remain the same but possibly have empty slots we skipped
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `nodeList` | [`GridStackNode`](#gridstacknode-2)[] |
+| `column` | `number` |
+| `after?` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`boolean`
+
+##### getDirtyNodes()
+
+```ts
+getDirtyNodes(verify?): GridStackNode[];
+```
+
+Defined in: [gridstack-engine.ts:470](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L470)
+
+returns a list of modified nodes from their original values
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `verify?` | `boolean` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)[]
+
+##### getRow()
+
+```ts
+getRow(): number;
+```
+
+Defined in: [gridstack-engine.ts:743](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L743)
+
+###### Returns
+
+`number`
+
+##### isAreaEmpty()
+
+```ts
+isAreaEmpty(
+   x, 
+   y, 
+   w, 
+   h): boolean;
+```
+
+Defined in: [gridstack-engine.ts:277](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L277)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `x` | `number` |
+| `y` | `number` |
+| `w` | `number` |
+| `h` | `number` |
+
+###### Returns
+
+`boolean`
+
+##### moveNode()
+
+```ts
+moveNode(node, o): boolean;
+```
+
+Defined in: [gridstack-engine.ts:683](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L683)
+
+return true if the passed in node was actually moved (checks for no-op and locked)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `o` | [`GridStackMoveOpts`](#gridstackmoveopts) |
+
+###### Returns
+
+`boolean`
+
+##### moveNodeCheck()
+
+```ts
+moveNodeCheck(node, o): boolean;
+```
+
+Defined in: [gridstack-engine.ts:597](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L597)
+
+checks if item can be moved (layout constrain) vs moveNode(), returning true if was able to move.
+In more complicated cases (maxRow) it will attempt at moving the item and fixing
+others in a clone first, then apply those changes if still within specs.
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `o` | [`GridStackMoveOpts`](#gridstackmoveopts) |
+
+###### Returns
+
+`boolean`
+
+##### nodeBoundFix()
+
+```ts
+nodeBoundFix(node, resizing?): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:407](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L407)
+
+part2 of preparing a node to fit inside our grid - checks for x,y,w from grid dimensions
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `resizing?` | `boolean` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### prepareNode()
+
+```ts
+prepareNode(node, resizing?): GridStackNode;
+```
+
+Defined in: [gridstack-engine.ts:366](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L366)
+
+given a random node, makes sure it's coordinates/values are valid in the current grid
+
+###### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) | to adjust |
+| `resizing?` | `boolean` | if out of bound, resize down or move into the grid to fit ? |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)
+
+##### removeAll()
+
+```ts
+removeAll(removeDOM, triggerEvent): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:584](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L584)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `removeDOM` | `boolean` | `true` |
+| `triggerEvent` | `boolean` | `true` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### removeNode()
+
+```ts
+removeNode(
+   node, 
+   removeDOM, 
+   triggerEvent): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:568](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L568)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `removeDOM` | `boolean` | `true` |
+| `triggerEvent` | `boolean` | `false` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### removeNodeFromLayoutCache()
+
+```ts
+removeNodeFromLayoutCache(n): void;
+```
+
+Defined in: [gridstack-engine.ts:975](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L975)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`void`
+
+##### save()
+
+```ts
+save(saveElement, saveCB?): GridStackNode[];
+```
+
+Defined in: [gridstack-engine.ts:767](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L767)
+
+saves a copy of the largest column layout (eg 12 even when rendering oneColumnMode) so we don't loose orig layout,
+returning a list of widgets for serialization
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `saveElement` | `boolean` | `true` |
+| `saveCB?` | [`SaveFcn`](#savefcn) | `undefined` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)[]
+
+##### sortNodes()
+
+```ts
+sortNodes(dir): GridStackEngine;
+```
+
+Defined in: [gridstack-engine.ts:318](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L318)
+
+sort the nodes array from first to last, or reverse. Called during collision/placement to force an order
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `dir` | `-1` \| `1` | `1` |
+
+###### Returns
+
+[`GridStackEngine`](#gridstackengine-2)
+
+##### swap()
+
+```ts
+swap(a, b): boolean;
+```
+
+Defined in: [gridstack-engine.ts:239](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L239)
+
+called to possibly swap between 2 nodes (same size or column, not locked, touching), returning true if successful
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackNode`](#gridstacknode-2) |
+| `b` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`boolean`
+
+##### willItFit()
+
+```ts
+willItFit(node): boolean;
+```
+
+Defined in: [gridstack-engine.ts:648](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L648)
+
+return true if can fit in grid height constrain only (always true if no maxRow)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`boolean`
+
+#### Properties
+
+| Property | Modifier | Type | Default value | Description | Defined in |
+| ------ | ------ | ------ | ------ | ------ | ------ |
+| <a id="addednodes"></a> `addedNodes` | `public` | [`GridStackNode`](#gridstacknode-2)[] | `[]` | - | [gridstack-engine.ts:31](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L31) |
+| <a id="batchmode"></a> `batchMode` | `public` | `boolean` | `undefined` | - | [gridstack-engine.ts:33](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L33) |
+| <a id="column-2"></a> `column` | `public` | `number` | `undefined` | - | [gridstack-engine.ts:28](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L28) |
+| <a id="defaultcolumn"></a> `defaultColumn` | `public` | `number` | `12` | - | [gridstack-engine.ts:34](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L34) |
+| <a id="maxrow"></a> `maxRow` | `public` | `number` | `undefined` | - | [gridstack-engine.ts:29](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L29) |
+| <a id="nodes"></a> `nodes` | `public` | [`GridStackNode`](#gridstacknode-2)[] | `undefined` | - | [gridstack-engine.ts:30](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L30) |
+| <a id="removednodes"></a> `removedNodes` | `public` | [`GridStackNode`](#gridstacknode-2)[] | `[]` | - | [gridstack-engine.ts:32](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L32) |
+| <a id="skipcacheupdate"></a> `skipCacheUpdate?` | `public` | `boolean` | `undefined` | true when grid.load() already cached the layout and can skip out of bound caching info | [gridstack-engine.ts:48](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L48) |
+
+***
+
+<a id="utils"></a>
+### Utils
+
+Defined in: [utils.ts:61](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L61)
+
+Utility methods
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new Utils(): Utils;
+```
+
+###### Returns
+
+[`Utils`](#utils-1)
+
+#### Methods
+
+##### addElStyles()
+
+```ts
+static addElStyles(el, styles): void;
+```
+
+Defined in: [utils.ts:469](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L469)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+| `styles` | \{ \[`prop`: `string`\]: `string` \| `string`[]; \} |
+
+###### Returns
+
+`void`
+
+##### appendTo()
+
+```ts
+static appendTo(el, parent): void;
+```
+
+Defined in: [utils.ts:451](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L451)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+| `parent` | `string` \| `HTMLElement` |
+
+###### Returns
+
+`void`
+
+##### area()
+
+```ts
+static area(a): number;
+```
+
+Defined in: [utils.ts:154](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L154)
+
+returns the area
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`number`
+
+##### areaIntercept()
+
+```ts
+static areaIntercept(a, b): number;
+```
+
+Defined in: [utils.ts:143](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L143)
+
+returns the area a and b overlap
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackPosition`](#gridstackposition) |
+| `b` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`number`
+
+##### canBeRotated()
+
+```ts
+static canBeRotated(n): boolean;
+```
+
+Defined in: [utils.ts:572](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L572)
+
+true if the item can be rotated (checking for prop, not space available)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`boolean`
+
+##### clone()
+
+```ts
+static clone<T>(obj): T;
+```
+
+Defined in: [utils.ts:414](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L414)
+
+single level clone, returning a new object with same top fields. This will share sub objects and arrays
+
+###### Type Parameters
+
+| Type Parameter |
+| ------ |
+| `T` |
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `obj` | `T` |
+
+###### Returns
+
+`T`
+
+##### cloneDeep()
+
+```ts
+static cloneDeep<T>(obj): T;
+```
+
+Defined in: [utils.ts:430](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L430)
+
+Recursive clone version that returns a full copy, checking for nested objects and arrays ONLY.
+Note: this will use as-is any key starting with double __ (and not copy inside) some lib have circular dependencies.
+
+###### Type Parameters
+
+| Type Parameter |
+| ------ |
+| `T` |
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `obj` | `T` |
+
+###### Returns
+
+`T`
+
+##### cloneNode()
+
+```ts
+static cloneNode(el): HTMLElement;
+```
+
+Defined in: [utils.ts:445](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L445)
+
+deep clone the given HTML node, removing teh unique id field
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+
+###### Returns
+
+`HTMLElement`
+
+##### copyPos()
+
+```ts
+static copyPos(
+   a, 
+   b, 
+   doMinMax): GridStackWidget;
+```
+
+Defined in: [utils.ts:244](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L244)
+
+copies over b size & position (GridStackPosition), and optionally min/max as well
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `a` | [`GridStackWidget`](#gridstackwidget) | `undefined` |
+| `b` | [`GridStackWidget`](#gridstackwidget) | `undefined` |
+| `doMinMax` | `boolean` | `false` |
+
+###### Returns
+
+[`GridStackWidget`](#gridstackwidget)
+
+##### createDiv()
+
+```ts
+static createDiv(classes, parent?): HTMLElement;
+```
+
+Defined in: [utils.ts:118](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L118)
+
+create a div with the given classes
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `classes` | `string`[] |
+| `parent?` | `HTMLElement` |
+
+###### Returns
+
+`HTMLElement`
+
+##### defaults()
+
+```ts
+static defaults(target, ...sources): object;
+```
+
+Defined in: [utils.ts:214](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L214)
+
+copies unset fields in target to use the given default sources values
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `target` | `any` |
+| ...`sources` | `any`[] |
+
+###### Returns
+
+`object`
+
+##### find()
+
+```ts
+static find(nodes, id): GridStackNode;
+```
+
+Defined in: [utils.ts:173](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L173)
+
+find an item by id
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `nodes` | [`GridStackNode`](#gridstacknode-2)[] |
+| `id` | `string` |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)
+
+##### getElement()
+
+```ts
+static getElement(els, root): HTMLElement;
+```
+
+Defined in: [utils.ts:87](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L87)
+
+convert a potential selector into actual single element. optional root which defaults to document (for shadow dom)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | `undefined` |
+| `root` | `Document` \| `HTMLElement` | `document` |
+
+###### Returns
+
+`HTMLElement`
+
+##### getElements()
+
+```ts
+static getElements(els, root): HTMLElement[];
+```
+
+Defined in: [utils.ts:64](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L64)
+
+convert a potential selector into actual list of html elements. optional root which defaults to document (for shadow dom)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `els` | [`GridStackElement`](#gridstackelement) | `undefined` |
+| `root` | `Document` \| `HTMLElement` | `document` |
+
+###### Returns
+
+`HTMLElement`[]
+
+##### getValuesFromTransformedElement()
+
+```ts
+static getValuesFromTransformedElement(parent): DragTransform;
+```
+
+Defined in: [utils.ts:529](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L529)
+
+defines an element that is used to get the offset and scale from grid transforms
+returns the scale and offsets from said element
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `parent` | `HTMLElement` |
+
+###### Returns
+
+[`DragTransform`](#dragtransform)
+
+##### initEvent()
+
+```ts
+static initEvent<T>(e, info): T;
+```
+
+Defined in: [utils.ts:486](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L486)
+
+###### Type Parameters
+
+| Type Parameter |
+| ------ |
+| `T` |
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `e` | `MouseEvent` \| `DragEvent` |
+| `info` | \{ `target?`: `EventTarget`; `type`: `string`; \} |
+| `info.target?` | `EventTarget` |
+| `info.type` | `string` |
+
+###### Returns
+
+`T`
+
+##### isIntercepted()
+
+```ts
+static isIntercepted(a, b): boolean;
+```
+
+Defined in: [utils.ts:133](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L133)
+
+returns true if a and b overlap
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackPosition`](#gridstackposition) |
+| `b` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`boolean`
+
+##### isTouching()
+
+```ts
+static isTouching(a, b): boolean;
+```
+
+Defined in: [utils.ts:138](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L138)
+
+returns true if a and b touch edges or corners
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackPosition`](#gridstackposition) |
+| `b` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`boolean`
+
+##### lazyLoad()
+
+```ts
+static lazyLoad(n): boolean;
+```
+
+Defined in: [utils.ts:113](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L113)
+
+true if widget (or grid) makes this item lazyLoad
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`boolean`
+
+##### parseHeight()
+
+```ts
+static parseHeight(val): HeightData;
+```
+
+Defined in: [utils.ts:193](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L193)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `val` | [`numberOrString`](#numberorstring) |
+
+###### Returns
+
+[`HeightData`](#heightdata)
+
+##### removeInternalAndSame()
+
+```ts
+static removeInternalAndSame(a, b): void;
+```
+
+Defined in: [utils.ts:273](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L273)
+
+removes field from the first object if same as the second objects (like diffing) and internal '_' for saving
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | `unknown` |
+| `b` | `unknown` |
+
+###### Returns
+
+`void`
+
+##### removeInternalForSave()
+
+```ts
+static removeInternalForSave(n, removeEl): void;
+```
+
+Defined in: [utils.ts:288](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L288)
+
+removes internal fields '_' and default values for saving
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `removeEl` | `boolean` | `true` |
+
+###### Returns
+
+`void`
+
+##### removePositioningStyles()
+
+```ts
+static removePositioningStyles(el): void;
+```
+
+Defined in: [utils.ts:321](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L321)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+
+###### Returns
+
+`void`
+
+##### same()
+
+```ts
+static same(a, b): boolean;
+```
+
+Defined in: [utils.ts:232](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L232)
+
+given 2 objects return true if they have the same values. Checks for Object {} having same fields and values (just 1 level down)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | `unknown` |
+| `b` | `unknown` |
+
+###### Returns
+
+`boolean`
+
+##### samePos()
+
+```ts
+static samePos(a, b): boolean;
+```
+
+Defined in: [utils.ts:259](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L259)
+
+true if a and b has same size & position
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `a` | [`GridStackPosition`](#gridstackposition) |
+| `b` | [`GridStackPosition`](#gridstackposition) |
+
+###### Returns
+
+`boolean`
+
+##### sanitizeMinMax()
+
+```ts
+static sanitizeMinMax(node): void;
+```
+
+Defined in: [utils.ts:264](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L264)
+
+given a node, makes sure it's min/max are valid
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+
+###### Returns
+
+`void`
+
+##### shouldSizeToContent()
+
+```ts
+static shouldSizeToContent(n, strict): boolean;
+```
+
+Defined in: [utils.ts:126](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L126)
+
+true if we should resize to content. strict=true when only 'sizeToContent:true' and not a number which lets user adjust
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `n` | [`GridStackNode`](#gridstacknode-2) | `undefined` |
+| `strict` | `boolean` | `false` |
+
+###### Returns
+
+`boolean`
+
+##### simulateMouseEvent()
+
+```ts
+static simulateMouseEvent(
+   e, 
+   simulatedType, 
+   target?): void;
+```
+
+Defined in: [utils.ts:502](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L502)
+
+copies the MouseEvent (or convert Touch) properties and sends it as another event to the given target
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `e` | `MouseEvent` \| `Touch` |
+| `simulatedType` | `string` |
+| `target?` | `EventTarget` |
+
+###### Returns
+
+`void`
+
+##### sort()
+
+```ts
+static sort(nodes, dir): GridStackNode[];
+```
+
+Defined in: [utils.ts:163](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L163)
+
+Sorts array of nodes
+
+###### Parameters
+
+| Parameter | Type | Default value | Description |
+| ------ | ------ | ------ | ------ |
+| `nodes` | [`GridStackNode`](#gridstacknode-2)[] | `undefined` | array to sort |
+| `dir` | `-1` \| `1` | `1` | 1 for ascending, -1 for descending (optional) |
+
+###### Returns
+
+[`GridStackNode`](#gridstacknode-2)[]
+
+##### swap()
+
+```ts
+static swap(
+   o, 
+   a, 
+   b): void;
+```
+
+Defined in: [utils.ts:553](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L553)
+
+swap the given object 2 field values
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `o` | `unknown` |
+| `a` | `string` |
+| `b` | `string` |
+
+###### Returns
+
+`void`
+
+##### throttle()
+
+```ts
+static throttle(func, delay): () => void;
+```
+
+Defined in: [utils.ts:311](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L311)
+
+delay calling the given function for given delay, preventing new calls from happening while waiting
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `func` | () => `void` |
+| `delay` | `number` |
+
+###### Returns
+
+```ts
+(): void;
+```
+
+###### Returns
+
+`void`
+
+##### toBool()
+
+```ts
+static toBool(v): boolean;
+```
+
+Defined in: [utils.ts:178](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L178)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `v` | `unknown` |
+
+###### Returns
+
+`boolean`
+
+##### toNumber()
+
+```ts
+static toNumber(value): number;
+```
+
+Defined in: [utils.ts:189](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L189)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `value` | `string` |
+
+###### Returns
+
+`number`
+
+## Interfaces
+
+<a id="gridstackoptions"></a>
+### GridStackOptions
+
+Defined in: [types.ts:110](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L110)
+
+Defines the options for a Grid
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="acceptwidgets"></a> `acceptWidgets?` | `string` \| `boolean` \| (`element`) => `boolean` | accept widgets dragged from other grids or from outside (default: `false`). Can be: `true` (uses `'.grid-stack-item'` class filter) or `false`, string for explicit class name, function returning a boolean. See [example](http://gridstack.github.io/gridstack.js/demo/two.html) | [types.ts:117](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L117) |
+| <a id="alwaysshowresizehandle"></a> `alwaysShowResizeHandle?` | `boolean` \| `"mobile"` | possible values (default: `mobile`) - does not apply to non-resizable widgets `false` the resizing handles are only shown while hovering over a widget `true` the resizing handles are always shown 'mobile' if running on a mobile device, default to `true` (since there is no hovering per say), else `false`. See [example](http://gridstack.github.io/gridstack.js/demo/mobile.html) | [types.ts:124](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L124) |
+| <a id="animate"></a> `animate?` | `boolean` | turns animation on (default?: true) | [types.ts:127](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L127) |
+| <a id="auto"></a> `auto?` | `boolean` | if false gridstack will not initialize existing items (default?: true) | [types.ts:130](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L130) |
+| <a id="cellheight-3"></a> `cellHeight?` | [`numberOrString`](#numberorstring) | one cell height (default?: 'auto'). Can be: an integer (px) a string (ex: '100px', '10em', '10rem'). Note: % doesn't work right - see demo/cell-height.html 0, in which case the library will not generate styles for rows. Everything must be defined in your own CSS files. 'auto' - height will be calculated for square cells (width / column) and updated live as you resize the window - also see `cellHeightThrottle` 'initial' - similar to 'auto' (start at square cells) but stay that size during window resizing. | [types.ts:140](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L140) |
+| <a id="cellheightthrottle"></a> `cellHeightThrottle?` | `number` | throttle time delay (in ms) used when cellHeight='auto' to improve performance vs usability (default?: 100). A value of 0 will make it instant at a cost of re-creating the CSS file at ever window resize event! | [types.ts:145](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L145) |
+| <a id="cellheightunit"></a> `cellHeightUnit?` | `string` | (internal) unit for cellHeight (default? 'px') which is set when a string cellHeight with a unit is passed (ex: '10rem') | [types.ts:148](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L148) |
+| <a id="children"></a> `children?` | [`GridStackWidget`](#gridstackwidget)[] | list of children item to create when calling load() or addGrid() | [types.ts:151](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L151) |
+| <a id="class"></a> `class?` | `string` | additional class on top of '.grid-stack' (which is required for our CSS) to differentiate this instance. Note: only used by addGrid(), else your element should have the needed class | [types.ts:164](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L164) |
+| <a id="column-4"></a> `column?` | `number` \| `"auto"` | number of columns (default?: 12). Note: IF you change this, CSS also have to change. See https://github.com/gridstack/gridstack.js#change-grid-columns. Note: for nested grids, it is recommended to use 'auto' which will always match the container grid-item current width (in column) to keep inside and outside items always the same. flag is NOT supported for regular non-nested grids. | [types.ts:157](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L157) |
+| <a id="columnopts"></a> `columnOpts?` | [`Responsive`](#responsive) | responsive column layout for width:column behavior | [types.ts:160](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L160) |
+| <a id="disabledrag"></a> `disableDrag?` | `boolean` | disallows dragging of widgets (default?: false) | [types.ts:167](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L167) |
+| <a id="disableresize"></a> `disableResize?` | `boolean` | disallows resizing of widgets (default?: false). | [types.ts:170](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L170) |
+| <a id="draggable-3"></a> `draggable?` | [`DDDragOpt`](#dddragopt) | allows to override UI draggable options. (default?: { handle?: '.grid-stack-item-content', appendTo?: 'body' }) | [types.ts:173](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L173) |
+| <a id="engineclass-1"></a> `engineClass?` | *typeof* [`GridStackEngine`](#gridstackengine-2) | the type of engine to create (so you can subclass) default to GridStackEngine | [types.ts:179](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L179) |
+| <a id="float-4"></a> `float?` | `boolean` | enable floating widgets (default?: false) See example (http://gridstack.github.io/gridstack.js/demo/float.html) | [types.ts:182](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L182) |
+| <a id="handle-1"></a> `handle?` | `string` | draggable handle selector (default?: '.grid-stack-item-content') | [types.ts:185](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L185) |
+| <a id="handleclass"></a> `handleClass?` | `string` | draggable handle class (e.g. 'grid-stack-item-content'). If set 'handle' is ignored (default?: null) | [types.ts:188](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L188) |
+| <a id="itemclass"></a> `itemClass?` | `string` | additional widget class (default?: 'grid-stack-item') | [types.ts:191](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L191) |
+| <a id="layout-1"></a> `layout?` | [`ColumnOptions`](#columnoptions) | re-layout mode when we're a subgrid and we are being resized. default to 'list' | [types.ts:194](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L194) |
+| <a id="lazyload-1"></a> `lazyLoad?` | `boolean` | true when widgets are only created when they scroll into view (visible) | [types.ts:197](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L197) |
+| <a id="margin-2"></a> `margin?` | [`numberOrString`](#numberorstring) | gap between grid item and content (default?: 10). This will set all 4 sides and support the CSS formats below an integer (px) a string with possible units (ex: '2em', '20px', '2rem') string with space separated values (ex: '5px 10px 0 20px' for all 4 sides, or '5em 10em' for top/bottom and left/right pairs like CSS). Note: all sides must have same units (last one wins, default px) | [types.ts:206](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L206) |
+| <a id="marginbottom-1"></a> `marginBottom?` | [`numberOrString`](#numberorstring) | - | [types.ts:211](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L211) |
+| <a id="marginleft-1"></a> `marginLeft?` | [`numberOrString`](#numberorstring) | - | [types.ts:212](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L212) |
+| <a id="marginright-1"></a> `marginRight?` | [`numberOrString`](#numberorstring) | - | [types.ts:210](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L210) |
+| <a id="margintop-1"></a> `marginTop?` | [`numberOrString`](#numberorstring) | OLD way to optionally set each side - use margin: '5px 10px 0 20px' instead. Used internally to store each side. | [types.ts:209](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L209) |
+| <a id="marginunit"></a> `marginUnit?` | `string` | (internal) unit for margin (default? 'px') set when `margin` is set as string with unit (ex: 2rem') | [types.ts:215](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L215) |
+| <a id="maxrow-2"></a> `maxRow?` | `number` | maximum rows amount. Default? is 0 which means no maximum rows | [types.ts:218](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L218) |
+| <a id="minrow"></a> `minRow?` | `number` | minimum rows amount which is handy to prevent grid from collapsing when empty. Default is `0`. When no set the `min-height` CSS attribute on the grid div (in pixels) can be used, which will round to the closest row. | [types.ts:223](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L223) |
+| <a id="nonce"></a> `nonce?` | `string` | If you are using a nonce-based Content Security Policy, pass your nonce here and GridStack will add it to the <style> elements it creates. | [types.ts:227](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L227) |
+| <a id="placeholderclass"></a> `placeholderClass?` | `string` | class for placeholder (default?: 'grid-stack-placeholder') | [types.ts:230](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L230) |
+| <a id="placeholdertext"></a> `placeholderText?` | `string` | placeholder default content (default?: '') | [types.ts:233](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L233) |
+| <a id="removable"></a> `removable?` | `string` \| `boolean` | if true widgets could be removed by dragging outside of the grid. It could also be a selector string (ex: ".trash"), in this case widgets will be removed by dropping them there (default?: false) See example (http://gridstack.github.io/gridstack.js/demo/two.html) | [types.ts:243](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L243) |
+| <a id="removableoptions"></a> `removableOptions?` | [`DDRemoveOpt`](#ddremoveopt) | allows to override UI removable options. (default?: { accept: '.grid-stack-item' }) | [types.ts:246](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L246) |
+| <a id="resizable-4"></a> `resizable?` | [`DDResizeOpt`](#ddresizeopt) | allows to override UI resizable options. (default?: { handles: 'se' }) | [types.ts:236](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L236) |
+| <a id="row"></a> `row?` | `number` | fix grid number of rows. This is a shortcut of writing `minRow:N, maxRow:N`. (default `0` no constrain) | [types.ts:249](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L249) |
+| <a id="rtl"></a> `rtl?` | `boolean` \| `"auto"` | if true turns grid to RTL. Possible values are true, false, 'auto' (default?: 'auto') See [example](http://gridstack.github.io/gridstack.js/demo/right-to-left(rtl).html) | [types.ts:255](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L255) |
+| <a id="sizetocontent-1"></a> `sizeToContent?` | `boolean` | set to true if all grid items (by default, but item can also override) height should be based on content size instead of WidgetItem.h to avoid v-scrollbars. Note: this is still row based, not pixels, so it will use ceil(getBoundingClientRect().height / getCellHeight()) | [types.ts:260](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L260) |
+| <a id="staticgrid"></a> `staticGrid?` | `boolean` | makes grid static (default?: false). If `true` widgets are not movable/resizable. You don't even need draggable/resizable. A CSS class 'grid-stack-static' is also added to the element. | [types.ts:267](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L267) |
+| <a id="styleinhead"></a> ~~`styleInHead?`~~ | `boolean` | **Deprecated** Not used anymore, styles are now implemented with local CSS variables | [types.ts:272](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L272) |
+| <a id="subgriddynamic"></a> `subGridDynamic?` | `boolean` | enable/disable the creation of sub-grids on the fly by dragging items completely over others (nest) vs partially (push). Forces `DDDragOpt.pause=true` to accomplish that. | [types.ts:279](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L279) |
+| <a id="subgridopts-1"></a> `subGridOpts?` | [`GridStackOptions`](#gridstackoptions) | list of differences in options for automatically created sub-grids under us (inside our grid-items) | [types.ts:275](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L275) |
+
+***
+
+<a id="abstract-ddbaseimplement"></a>
+### `abstract` DDBaseImplement
+
+Defined in: [dd-base-impl.ts:7](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L7)
+
+#### Extended by
+
+- [`DDDraggable`](#dddraggable)
+- [`DDDroppable`](#dddroppable)
+- [`DDResizable`](#ddresizable-1)
+
+#### Accessors
+
+##### disabled
+
+###### Get Signature
+
+```ts
+get disabled(): boolean;
+```
+
+Defined in: [dd-base-impl.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9)
+
+returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)
+
+###### Returns
+
+`boolean`
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDBaseImplement(): DDBaseImplement;
+```
+
+###### Returns
+
+[`DDBaseImplement`](#ddbaseimplement)
+
+#### Methods
+
+##### destroy()
+
+```ts
+destroy(): void;
+```
+
+Defined in: [dd-base-impl.ts:34](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L34)
+
+###### Returns
+
+`void`
+
+##### disable()
+
+```ts
+disable(): void;
+```
+
+Defined in: [dd-base-impl.ts:30](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L30)
+
+###### Returns
+
+`void`
+
+##### enable()
+
+```ts
+enable(): void;
+```
+
+Defined in: [dd-base-impl.ts:26](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L26)
+
+###### Returns
+
+`void`
+
+##### off()
+
+```ts
+off(event): void;
+```
+
+Defined in: [dd-base-impl.ts:22](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L22)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `string` |
+
+###### Returns
+
+`void`
+
+##### on()
+
+```ts
+on(event, callback): void;
+```
+
+Defined in: [dd-base-impl.ts:18](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L18)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `string` |
+| `callback` | [`EventCallback`](#eventcallback) |
+
+###### Returns
+
+`void`
+
+##### triggerEvent()
+
+```ts
+triggerEvent(eventName, event): boolean | void;
+```
+
+Defined in: [dd-base-impl.ts:38](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+| `event` | `Event` |
+
+###### Returns
+
+`boolean` \| `void`
+
+***
+
+<a id="dddraggable"></a>
+### DDDraggable
+
+Defined in: [dd-draggable.ts:34](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L34)
+
+#### Extends
+
+- [`DDBaseImplement`](#ddbaseimplement)
+
+#### Implements
+
+- [`HTMLElementExtendOpt`](#htmlelementextendopt)\<[`DDDragOpt`](#dddragopt)\>
+
+#### Accessors
+
+##### disabled
+
+###### Get Signature
+
+```ts
+get disabled(): boolean;
+```
+
+Defined in: [dd-base-impl.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9)
+
+returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)
+
+###### Returns
+
+`boolean`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`disabled`](#disabled)
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDDraggable(el, option): DDDraggable;
+```
+
+Defined in: [dd-draggable.ts:65](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `option` | [`DDDragOpt`](#dddragopt) |
+
+###### Returns
+
+[`DDDraggable`](#dddraggable)
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`constructor`](#constructor)
+
+#### Methods
+
+##### destroy()
+
+```ts
+destroy(): void;
+```
+
+Defined in: [dd-draggable.ts:118](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L118)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`destroy`](#destroy)
+
+##### disable()
+
+```ts
+disable(forDestroy): void;
+```
+
+Defined in: [dd-draggable.ts:105](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L105)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `forDestroy` | `boolean` | `false` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`disable`](#disable)
+
+##### enable()
+
+```ts
+enable(): void;
+```
+
+Defined in: [dd-draggable.ts:91](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L91)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`enable`](#enable)
+
+##### off()
+
+```ts
+off(event): void;
+```
+
+Defined in: [dd-draggable.ts:87](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L87)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `DDDragEvent` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`off`](#off)
+
+##### on()
+
+```ts
+on(event, callback): void;
+```
+
+Defined in: [dd-draggable.ts:83](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L83)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `DDDragEvent` |
+| `callback` | (`event`) => `void` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`on`](#on)
+
+##### triggerEvent()
+
+```ts
+triggerEvent(eventName, event): boolean | void;
+```
+
+Defined in: [dd-base-impl.ts:38](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+| `event` | `Event` |
+
+###### Returns
+
+`boolean` \| `void`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`triggerEvent`](#triggerevent)
+
+##### updateOption()
+
+```ts
+updateOption(opts): DDDraggable;
+```
+
+Defined in: [dd-draggable.ts:129](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L129)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDDragOpt`](#dddragopt) |
+
+###### Returns
+
+[`DDDraggable`](#dddraggable)
+
+###### Implementation of
+
+[`HTMLElementExtendOpt`](#htmlelementextendopt).[`updateOption`](#updateoption-6)
+
+#### Properties
+
+| Property | Modifier | Type | Default value | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="el"></a> `el` | `public` | [`GridItemHTMLElement`](#griditemhtmlelement) | `undefined` | [dd-draggable.ts:65](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65) |
+| <a id="helper"></a> `helper` | `public` | `HTMLElement` | `undefined` | [dd-draggable.ts:35](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L35) |
+| <a id="option"></a> `option` | `public` | [`DDDragOpt`](#dddragopt) | `{}` | [dd-draggable.ts:65](https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65) |
+
+***
+
+<a id="dddroppable"></a>
+### DDDroppable
+
+Defined in: [dd-droppable.ts:23](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L23)
+
+#### Extends
+
+- [`DDBaseImplement`](#ddbaseimplement)
+
+#### Implements
+
+- [`HTMLElementExtendOpt`](#htmlelementextendopt)\<[`DDDroppableOpt`](#dddroppableopt)\>
+
+#### Accessors
+
+##### disabled
+
+###### Get Signature
+
+```ts
+get disabled(): boolean;
+```
+
+Defined in: [dd-base-impl.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9)
+
+returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)
+
+###### Returns
+
+`boolean`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`disabled`](#disabled)
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDDroppable(el, option): DDDroppable;
+```
+
+Defined in: [dd-droppable.ts:27](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+| `option` | [`DDDroppableOpt`](#dddroppableopt) |
+
+###### Returns
+
+[`DDDroppable`](#dddroppable)
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`constructor`](#constructor)
+
+#### Methods
+
+##### destroy()
+
+```ts
+destroy(): void;
+```
+
+Defined in: [dd-droppable.ts:70](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L70)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`destroy`](#destroy)
+
+##### disable()
+
+```ts
+disable(forDestroy): void;
+```
+
+Defined in: [dd-droppable.ts:57](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L57)
+
+###### Parameters
+
+| Parameter | Type | Default value |
+| ------ | ------ | ------ |
+| `forDestroy` | `boolean` | `false` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`disable`](#disable)
+
+##### drop()
+
+```ts
+drop(e): void;
+```
+
+Defined in: [dd-droppable.ts:139](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L139)
+
+item is being dropped on us - called by the drag mouseup handler - this calls the client drop event
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `e` | `MouseEvent` |
+
+###### Returns
+
+`void`
+
+##### enable()
+
+```ts
+enable(): void;
+```
+
+Defined in: [dd-droppable.ts:44](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L44)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`enable`](#enable)
+
+##### off()
+
+```ts
+off(event): void;
+```
+
+Defined in: [dd-droppable.ts:40](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L40)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `"drop"` \| `"dropover"` \| `"dropout"` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`off`](#off)
+
+##### on()
+
+```ts
+on(event, callback): void;
+```
+
+Defined in: [dd-droppable.ts:36](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L36)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `"drop"` \| `"dropover"` \| `"dropout"` |
+| `callback` | (`event`) => `void` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`on`](#on)
+
+##### triggerEvent()
+
+```ts
+triggerEvent(eventName, event): boolean | void;
+```
+
+Defined in: [dd-base-impl.ts:38](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+| `event` | `Event` |
+
+###### Returns
+
+`boolean` \| `void`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`triggerEvent`](#triggerevent)
+
+##### updateOption()
+
+```ts
+updateOption(opts): DDDroppable;
+```
+
+Defined in: [dd-droppable.ts:77](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L77)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDDroppableOpt`](#dddroppableopt) |
+
+###### Returns
+
+[`DDDroppable`](#dddroppable)
+
+###### Implementation of
+
+[`HTMLElementExtendOpt`](#htmlelementextendopt).[`updateOption`](#updateoption-6)
+
+#### Properties
+
+| Property | Modifier | Type | Default value | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="accept-1"></a> `accept` | `public` | (`el`) => `boolean` | `undefined` | [dd-droppable.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L25) |
+| <a id="el-1"></a> `el` | `public` | `HTMLElement` | `undefined` | [dd-droppable.ts:27](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27) |
+| <a id="option-1"></a> `option` | `public` | [`DDDroppableOpt`](#dddroppableopt) | `{}` | [dd-droppable.ts:27](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27) |
+
+***
+
+<a id="ddelement"></a>
+### DDElement
+
+Defined in: [dd-element.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L15)
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDElement(el): DDElement;
+```
+
+Defined in: [dd-element.ts:26](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L26)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`DDElementHost`](#ddelementhost) |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+#### Methods
+
+##### cleanDraggable()
+
+```ts
+cleanDraggable(): DDElement;
+```
+
+Defined in: [dd-element.ts:59](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L59)
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### cleanDroppable()
+
+```ts
+cleanDroppable(): DDElement;
+```
+
+Defined in: [dd-element.ts:93](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L93)
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### cleanResizable()
+
+```ts
+cleanResizable(): DDElement;
+```
+
+Defined in: [dd-element.ts:76](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L76)
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### init()
+
+```ts
+static init(el): DDElement;
+```
+
+Defined in: [dd-element.ts:17](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L17)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`DDElementHost`](#ddelementhost) |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### off()
+
+```ts
+off(eventName): DDElement;
+```
+
+Defined in: [dd-element.ts:39](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L39)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### on()
+
+```ts
+on(eventName, callback): DDElement;
+```
+
+Defined in: [dd-element.ts:28](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L28)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+| `callback` | (`event`) => `void` |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### setupDraggable()
+
+```ts
+setupDraggable(opts): DDElement;
+```
+
+Defined in: [dd-element.ts:50](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L50)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDDragOpt`](#dddragopt) |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### setupDroppable()
+
+```ts
+setupDroppable(opts): DDElement;
+```
+
+Defined in: [dd-element.ts:84](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L84)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDDroppableOpt`](#dddroppableopt) |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+##### setupResizable()
+
+```ts
+setupResizable(opts): DDElement;
+```
+
+Defined in: [dd-element.ts:67](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L67)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDResizableOpt`](#ddresizableopt) |
+
+###### Returns
+
+[`DDElement`](#ddelement)
+
+#### Properties
+
+| Property | Modifier | Type | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="dddraggable-1"></a> `ddDraggable?` | `public` | [`DDDraggable`](#dddraggable) | [dd-element.ts:22](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L22) |
+| <a id="dddroppable-1"></a> `ddDroppable?` | `public` | [`DDDroppable`](#dddroppable) | [dd-element.ts:23](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L23) |
+| <a id="ddresizable"></a> `ddResizable?` | `public` | [`DDResizable`](#ddresizable-1) | [dd-element.ts:24](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L24) |
+| <a id="el-2"></a> `el` | `public` | [`DDElementHost`](#ddelementhost) | [dd-element.ts:26](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L26) |
+
+***
+
+<a id="ddgridstack"></a>
+### DDGridStack
+
+Defined in: [dd-gridstack.ts:33](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L33)
+
+HTML Native Mouse and Touch Events Drag and Drop functionality.
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDGridStack(): DDGridStack;
+```
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+#### Methods
+
+##### draggable()
+
+```ts
+draggable(
+   el, 
+   opts, 
+   key?, 
+   value?): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:70](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L70)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `opts` | `any` |
+| `key?` | [`DDKey`](#ddkey) |
+| `value?` | [`DDValue`](#ddvalue) |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### dragIn()
+
+```ts
+dragIn(el, opts): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:94](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L94)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridStackElement`](#gridstackelement) |
+| `opts` | [`DDDragOpt`](#dddragopt) |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### droppable()
+
+```ts
+droppable(
+   el, 
+   opts, 
+   key?, 
+   value?): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:99](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L99)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `opts` | `any` |
+| `key?` | [`DDKey`](#ddkey) |
+| `value?` | [`DDValue`](#ddvalue) |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### isDraggable()
+
+```ts
+isDraggable(el): boolean;
+```
+
+Defined in: [dd-gridstack.ts:124](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L124)
+
+true if element is draggable
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`DDElementHost`](#ddelementhost) |
+
+###### Returns
+
+`boolean`
+
+##### isDroppable()
+
+```ts
+isDroppable(el): boolean;
+```
+
+Defined in: [dd-gridstack.ts:119](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L119)
+
+true if element is droppable
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`DDElementHost`](#ddelementhost) |
+
+###### Returns
+
+`boolean`
+
+##### isResizable()
+
+```ts
+isResizable(el): boolean;
+```
+
+Defined in: [dd-gridstack.ts:129](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L129)
+
+true if element is draggable
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`DDElementHost`](#ddelementhost) |
+
+###### Returns
+
+`boolean`
+
+##### off()
+
+```ts
+off(el, name): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:145](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L145)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `name` | `string` |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### on()
+
+```ts
+on(
+   el, 
+   name, 
+   callback): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:133](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L133)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `name` | `string` |
+| `callback` | [`DDCallback`](#ddcallback) |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+##### resizable()
+
+```ts
+resizable(
+   el, 
+   opts, 
+   key?, 
+   value?): DDGridStack;
+```
+
+Defined in: [dd-gridstack.ts:35](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L35)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `opts` | `any` |
+| `key?` | [`DDKey`](#ddkey) |
+| `value?` | [`DDValue`](#ddvalue) |
+
+###### Returns
+
+[`DDGridStack`](#ddgridstack)
+
+***
+
+<a id="ddmanager"></a>
+### DDManager
+
+Defined in: [dd-manager.ts:13](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L13)
+
+globals that are shared across Drag & Drop instances
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDManager(): DDManager;
+```
+
+###### Returns
+
+[`DDManager`](#ddmanager)
+
+#### Properties
+
+| Property | Modifier | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="dragelement"></a> `dragElement` | `static` | [`DDDraggable`](#dddraggable) | item being dragged | [dd-manager.ts:21](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L21) |
+| <a id="dropelement"></a> `dropElement` | `static` | [`DDDroppable`](#dddroppable) | item we are currently over as drop target | [dd-manager.ts:24](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L24) |
+| <a id="mousehandled"></a> `mouseHandled` | `static` | `boolean` | true if a mouse down event was handled | [dd-manager.ts:18](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L18) |
+| <a id="overresizeelement"></a> `overResizeElement` | `static` | [`DDResizable`](#ddresizable-1) | current item we're over for resizing purpose (ignore nested grid resize handles) | [dd-manager.ts:27](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L27) |
+| <a id="pausedrag"></a> `pauseDrag` | `static` | `number` \| `boolean` | if set (true | in msec), dragging placement (collision) will only happen after a pause by the user | [dd-manager.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L15) |
+
+***
+
+<a id="ddresizable-1"></a>
+### DDResizable
+
+Defined in: [dd-resizable.ts:34](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L34)
+
+#### Extends
+
+- [`DDBaseImplement`](#ddbaseimplement)
+
+#### Implements
+
+- [`HTMLElementExtendOpt`](#htmlelementextendopt)\<[`DDResizableOpt`](#ddresizableopt)\>
+
+#### Accessors
+
+##### disabled
+
+###### Get Signature
+
+```ts
+get disabled(): boolean;
+```
+
+Defined in: [dd-base-impl.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9)
+
+returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)
+
+###### Returns
+
+`boolean`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`disabled`](#disabled)
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDResizable(el, option): DDResizable;
+```
+
+Defined in: [dd-resizable.ts:61](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `option` | [`DDResizableOpt`](#ddresizableopt) |
+
+###### Returns
+
+[`DDResizable`](#ddresizable-1)
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`constructor`](#constructor)
+
+#### Methods
+
+##### destroy()
+
+```ts
+destroy(): void;
+```
+
+Defined in: [dd-resizable.ts:91](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L91)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`destroy`](#destroy)
+
+##### disable()
+
+```ts
+disable(): void;
+```
+
+Defined in: [dd-resizable.ts:85](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L85)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`disable`](#disable)
+
+##### enable()
+
+```ts
+enable(): void;
+```
+
+Defined in: [dd-resizable.ts:79](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L79)
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`enable`](#enable)
+
+##### off()
+
+```ts
+off(event): void;
+```
+
+Defined in: [dd-resizable.ts:75](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L75)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `"resize"` \| `"resizestart"` \| `"resizestop"` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`off`](#off)
+
+##### on()
+
+```ts
+on(event, callback): void;
+```
+
+Defined in: [dd-resizable.ts:71](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L71)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `"resize"` \| `"resizestart"` \| `"resizestop"` |
+| `callback` | (`event`) => `void` |
+
+###### Returns
+
+`void`
+
+###### Overrides
+
+[`DDBaseImplement`](#ddbaseimplement).[`on`](#on)
+
+##### triggerEvent()
+
+```ts
+triggerEvent(eventName, event): boolean | void;
+```
+
+Defined in: [dd-base-impl.ts:38](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `eventName` | `string` |
+| `event` | `Event` |
+
+###### Returns
+
+`boolean` \| `void`
+
+###### Inherited from
+
+[`DDBaseImplement`](#ddbaseimplement).[`triggerEvent`](#triggerevent)
+
+##### updateOption()
+
+```ts
+updateOption(opts): DDResizable;
+```
+
+Defined in: [dd-resizable.ts:98](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L98)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `opts` | [`DDResizableOpt`](#ddresizableopt) |
+
+###### Returns
+
+[`DDResizable`](#ddresizable-1)
+
+###### Implementation of
+
+[`HTMLElementExtendOpt`](#htmlelementextendopt).[`updateOption`](#updateoption-6)
+
+#### Properties
+
+| Property | Modifier | Type | Default value | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="el-3"></a> `el` | `public` | [`GridItemHTMLElement`](#griditemhtmlelement) | `undefined` | [dd-resizable.ts:61](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61) |
+| <a id="option-2"></a> `option` | `public` | [`DDResizableOpt`](#ddresizableopt) | `{}` | [dd-resizable.ts:61](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61) |
+
+***
+
+<a id="ddresizablehandle"></a>
+### DDResizableHandle
+
+Defined in: [dd-resizable-handle.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L15)
+
+#### Constructors
+
+##### Constructor
+
+```ts
+new DDResizableHandle(
+   host, 
+   dir, 
+   option): DDResizableHandle;
+```
+
+Defined in: [dd-resizable-handle.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `host` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `dir` | `string` |
+| `option` | [`DDResizableHandleOpt`](#ddresizablehandleopt) |
+
+###### Returns
+
+[`DDResizableHandle`](#ddresizablehandle)
+
+#### Methods
+
+##### destroy()
+
+```ts
+destroy(): DDResizableHandle;
+```
+
+Defined in: [dd-resizable-handle.ts:53](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L53)
+
+call this when resize handle needs to be removed and cleaned up
+
+###### Returns
+
+[`DDResizableHandle`](#ddresizablehandle)
+
+#### Properties
+
+| Property | Modifier | Type | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="dir"></a> `dir` | `protected` | `string` | [dd-resizable-handle.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25) |
+| <a id="host"></a> `host` | `protected` | [`GridItemHTMLElement`](#griditemhtmlelement) | [dd-resizable-handle.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25) |
+| <a id="option-3"></a> `option` | `protected` | [`DDResizableHandleOpt`](#ddresizablehandleopt) | [dd-resizable-handle.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25) |
+
+***
+
+<a id="breakpoint"></a>
+### Breakpoint
+
+Defined in: [types.ts:96](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L96)
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="c"></a> `c` | `number` | column count | [types.ts:100](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L100) |
+| <a id="layout"></a> `layout?` | [`ColumnOptions`](#columnoptions) | re-layout mode if different from global one | [types.ts:102](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L102) |
+| <a id="w"></a> `w?` | `number` | <= width for the breakpoint to trigger | [types.ts:98](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L98) |
+
+***
+
+<a id="cellposition"></a>
+### CellPosition
+
+Defined in: [gridstack.ts:56](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L56)
+
+Defines the position of a cell inside the grid
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="x"></a> `x` | `number` | [gridstack.ts:57](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L57) |
+| <a id="y"></a> `y` | `number` | [gridstack.ts:58](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L58) |
+
+***
+
+<a id="dddragopt"></a>
+### DDDragOpt
+
+Defined in: [types.ts:373](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L373)
+
+Drag&Drop dragging options
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="appendto"></a> `appendTo?` | `string` | default to 'body' | [types.ts:377](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L377) |
+| <a id="cancel"></a> `cancel?` | `string` | prevents dragging from starting on specified elements, listed as comma separated selectors (eg: '.no-drag'). default built in is 'input,textarea,button,select,option' | [types.ts:383](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L383) |
+| <a id="drag"></a> `drag?` | (`event`, `ui`) => `void` | - | [types.ts:389](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L389) |
+| <a id="handle"></a> `handle?` | `string` | class selector of items that can be dragged. default to '.grid-stack-item-content' | [types.ts:375](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L375) |
+| <a id="helper-1"></a> `helper?` | `"clone"` \| (`el`) => `HTMLElement` | helper function when dropping: 'clone' or your own method | [types.ts:385](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L385) |
+| <a id="pause"></a> `pause?` | `number` \| `boolean` | if set (true | msec), dragging placement (collision) will only happen after a pause by the user. Note: this is Global | [types.ts:379](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L379) |
+| <a id="scroll"></a> `scroll?` | `boolean` | default to `true` | [types.ts:381](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L381) |
+| <a id="start"></a> `start?` | (`event`, `ui`) => `void` | callbacks | [types.ts:387](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L387) |
+| <a id="stop"></a> `stop?` | (`event`) => `void` | - | [types.ts:388](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L388) |
+
+***
+
+<a id="dddroppableopt"></a>
+### DDDroppableOpt
+
+Defined in: [dd-droppable.ts:14](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L14)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="accept-2"></a> `accept?` | `string` \| (`el`) => `boolean` | [dd-droppable.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L15) |
+| <a id="drop-2"></a> `drop?` | (`event`, `ui`) => `void` | [dd-droppable.ts:16](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L16) |
+| <a id="out"></a> `out?` | (`event`, `ui`) => `void` | [dd-droppable.ts:18](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L18) |
+| <a id="over"></a> `over?` | (`event`, `ui`) => `void` | [dd-droppable.ts:17](https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L17) |
+
+***
+
+<a id="ddelementhost"></a>
+### DDElementHost
+
+Defined in: [dd-element.ts:11](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L11)
+
+#### Extends
+
+- [`GridItemHTMLElement`](#griditemhtmlelement)
+
+#### Properties
+
+| Property | Type | Description | Inherited from | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="ddelement-1"></a> `ddElement?` | [`DDElement`](#ddelement) | - | - | [dd-element.ts:12](https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L12) |
+| <a id="gridstacknode"></a> `gridstackNode?` | [`GridStackNode`](#gridstacknode-2) | pointer to grid node instance | [`GridItemHTMLElement`](#griditemhtmlelement).[`gridstackNode`](#gridstacknode-1) | [types.ts:57](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L57) |
+
+***
+
+<a id="ddremoveopt"></a>
+### DDRemoveOpt
+
+Defined in: [types.ts:365](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L365)
+
+Drag&Drop remove options
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="accept-3"></a> `accept?` | `string` | class that can be removed (default?: opts.itemClass) | [types.ts:367](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L367) |
+| <a id="decline"></a> `decline?` | `string` | class that cannot be removed (default: 'grid-stack-non-removable') | [types.ts:369](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L369) |
+
+***
+
+<a id="ddresizablehandleopt"></a>
+### DDResizableHandleOpt
+
+Defined in: [dd-resizable-handle.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L9)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="move"></a> `move?` | (`event`) => `void` | [dd-resizable-handle.ts:11](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L11) |
+| <a id="start-1"></a> `start?` | (`event`) => `void` | [dd-resizable-handle.ts:10](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L10) |
+| <a id="stop-1"></a> `stop?` | (`event`) => `void` | [dd-resizable-handle.ts:12](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L12) |
+
+***
+
+<a id="ddresizableopt"></a>
+### DDResizableOpt
+
+Defined in: [dd-resizable.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L15)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="autohide"></a> `autoHide?` | `boolean` | [dd-resizable.ts:16](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L16) |
+| <a id="handles"></a> `handles?` | `string` | [dd-resizable.ts:17](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L17) |
+| <a id="maxheight"></a> `maxHeight?` | `number` | [dd-resizable.ts:18](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L18) |
+| <a id="maxheightmoveup"></a> `maxHeightMoveUp?` | `number` | [dd-resizable.ts:19](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L19) |
+| <a id="maxwidth"></a> `maxWidth?` | `number` | [dd-resizable.ts:20](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L20) |
+| <a id="maxwidthmoveleft"></a> `maxWidthMoveLeft?` | `number` | [dd-resizable.ts:21](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L21) |
+| <a id="minheight"></a> `minHeight?` | `number` | [dd-resizable.ts:22](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L22) |
+| <a id="minwidth"></a> `minWidth?` | `number` | [dd-resizable.ts:23](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L23) |
+| <a id="resize"></a> `resize?` | (`event`, `ui`) => `void` | [dd-resizable.ts:26](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L26) |
+| <a id="start-2"></a> `start?` | (`event`, `ui`) => `void` | [dd-resizable.ts:24](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L24) |
+| <a id="stop-2"></a> `stop?` | (`event`) => `void` | [dd-resizable.ts:25](https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L25) |
+
+***
+
+<a id="ddresizeopt"></a>
+### DDResizeOpt
+
+Defined in: [types.ts:354](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L354)
+
+Drag&Drop resize options
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="autohide-1"></a> `autoHide?` | `boolean` | do resize handle hide by default until mouse over ? - default: true on desktop, false on mobile | [types.ts:356](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L356) |
+| <a id="handles-1"></a> `handles?` | `string` | sides where you can resize from (ex: 'e, se, s, sw, w') - default 'se' (south-east) Note: it is not recommended to resize from the top sides as weird side effect may occur. | [types.ts:361](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L361) |
+
+***
+
+<a id="dduidata"></a>
+### DDUIData
+
+Defined in: [types.ts:402](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L402)
+
+data that is passed during drag and resizing callbacks
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="draggable-2"></a> `draggable?` | `HTMLElement` | [types.ts:405](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L405) |
+| <a id="position"></a> `position?` | [`Position`](#position-1) | [types.ts:403](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L403) |
+| <a id="size"></a> `size?` | [`Size`](#size-1) | [types.ts:404](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L404) |
+
+***
+
+<a id="dragtransform"></a>
+### DragTransform
+
+Defined in: [utils.ts:13](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L13)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="xoffset"></a> `xOffset` | `number` | [utils.ts:16](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L16) |
+| <a id="xscale"></a> `xScale` | `number` | [utils.ts:14](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L14) |
+| <a id="yoffset"></a> `yOffset` | `number` | [utils.ts:17](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L17) |
+| <a id="yscale"></a> `yScale` | `number` | [utils.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L15) |
+
+***
+
+<a id="gridhtmlelement"></a>
+### GridHTMLElement
+
+Defined in: [gridstack.ts:42](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L42)
+
+#### Extends
+
+- `HTMLElement`
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="gridstack"></a> `gridstack?` | [`GridStack`](#gridstack-1) | [gridstack.ts:43](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L43) |
+
+***
+
+<a id="griditemhtmlelement"></a>
+### GridItemHTMLElement
+
+Defined in: [types.ts:55](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L55)
+
+#### Extends
+
+- `HTMLElement`
+
+#### Extended by
+
+- [`DDElementHost`](#ddelementhost)
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="gridstacknode-1"></a> `gridstackNode?` | [`GridStackNode`](#gridstacknode-2) | pointer to grid node instance | [types.ts:57](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L57) |
+
+***
+
+<a id="gridstackengineoptions"></a>
+### GridStackEngineOptions
+
+Defined in: [gridstack-engine.ts:13](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L13)
+
+options used during creation - similar to GridStackOptions
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="column-3"></a> `column?` | `number` | [gridstack-engine.ts:14](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L14) |
+| <a id="float-3"></a> `float?` | `boolean` | [gridstack-engine.ts:16](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L16) |
+| <a id="maxrow-1"></a> `maxRow?` | `number` | [gridstack-engine.ts:15](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L15) |
+| <a id="nodes-1"></a> `nodes?` | [`GridStackNode`](#gridstacknode-2)[] | [gridstack-engine.ts:17](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L17) |
+| <a id="onchange"></a> `onChange?` | `OnChangeCB` | [gridstack-engine.ts:18](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L18) |
+
+***
+
+<a id="gridstackmoveopts"></a>
+### GridStackMoveOpts
+
+Defined in: [types.ts:283](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L283)
+
+options used during GridStackEngine.moveNode()
+
+#### Extends
+
+- [`GridStackPosition`](#gridstackposition)
+
+#### Properties
+
+| Property | Type | Description | Inherited from | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="cellheight-2"></a> `cellHeight?` | `number` | - | - | [types.ts:292](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L292) |
+| <a id="cellwidth-2"></a> `cellWidth?` | `number` | vars to calculate other cells coordinates | - | [types.ts:291](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L291) |
+| <a id="collide-2"></a> `collide?` | [`GridStackNode`](#gridstacknode-2) | best node (most coverage) we collied with | - | [types.ts:302](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L302) |
+| <a id="forcecollide"></a> `forceCollide?` | `boolean` | for collision check even if we don't move | - | [types.ts:304](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L304) |
+| <a id="h"></a> `h?` | `number` | widget dimension height (default?: 1) | [`GridStackPosition`](#gridstackposition).[`h`](#h-2) | [types.ts:315](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315) |
+| <a id="marginbottom"></a> `marginBottom?` | `number` | - | - | [types.ts:294](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L294) |
+| <a id="marginleft"></a> `marginLeft?` | `number` | - | - | [types.ts:295](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L295) |
+| <a id="marginright"></a> `marginRight?` | `number` | - | - | [types.ts:296](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L296) |
+| <a id="margintop"></a> `marginTop?` | `number` | - | - | [types.ts:293](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L293) |
+| <a id="nested"></a> `nested?` | `boolean` | true if we are calling this recursively to prevent simple swap or coverage collision - default false | - | [types.ts:289](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L289) |
+| <a id="pack"></a> `pack?` | `boolean` | do we pack (default true) | - | [types.ts:287](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L287) |
+| <a id="rect"></a> `rect?` | [`GridStackPosition`](#gridstackposition) | position in pixels of the currently dragged items (for overlap check) | - | [types.ts:298](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L298) |
+| <a id="resizing"></a> `resizing?` | `boolean` | true if we're live resizing | - | [types.ts:300](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L300) |
+| <a id="skip"></a> `skip?` | [`GridStackNode`](#gridstacknode-2) | node to skip collision | - | [types.ts:285](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L285) |
+| <a id="w-1"></a> `w?` | `number` | widget dimension width (default?: 1) | [`GridStackPosition`](#gridstackposition).[`w`](#w-3) | [types.ts:313](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313) |
+| <a id="x-1"></a> `x?` | `number` | widget position x (default?: 0) | [`GridStackPosition`](#gridstackposition).[`x`](#x-3) | [types.ts:309](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309) |
+| <a id="y-1"></a> `y?` | `number` | widget position y (default?: 0) | [`GridStackPosition`](#gridstackposition).[`y`](#y-3) | [types.ts:311](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311) |
+
+***
+
+<a id="gridstacknode-2"></a>
+### GridStackNode
+
+Defined in: [types.ts:419](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L419)
+
+internal runtime descriptions describing the widgets in the grid
+
+#### Extends
+
+- [`GridStackWidget`](#gridstackwidget)
+
+#### Properties
+
+| Property | Type | Description | Inherited from | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="autoposition"></a> `autoPosition?` | `boolean` | if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false) | [`GridStackWidget`](#gridstackwidget).[`autoPosition`](#autoposition-1) | [types.ts:323](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323) |
+| <a id="content"></a> `content?` | `string` | html to append inside as content | [`GridStackWidget`](#gridstackwidget).[`content`](#content-1) | [types.ts:341](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341) |
+| <a id="el-5"></a> `el?` | [`GridItemHTMLElement`](#griditemhtmlelement) | pointer back to HTML element | - | [types.ts:421](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L421) |
+| <a id="grid"></a> `grid?` | [`GridStack`](#gridstack-1) | pointer back to parent Grid instance | - | [types.ts:423](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L423) |
+| <a id="h-1"></a> `h?` | `number` | widget dimension height (default?: 1) | [`GridStackWidget`](#gridstackwidget).[`h`](#h-3) | [types.ts:315](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315) |
+| <a id="id"></a> `id?` | `string` | value for `gs-id` stored on the widget (default?: undefined) | [`GridStackWidget`](#gridstackwidget).[`id`](#id-1) | [types.ts:339](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339) |
+| <a id="lazyload"></a> `lazyLoad?` | `boolean` | true when widgets are only created when they scroll into view (visible) | [`GridStackWidget`](#gridstackwidget).[`lazyLoad`](#lazyload-2) | [types.ts:343](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343) |
+| <a id="locked"></a> `locked?` | `boolean` | prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from `noMove` (user action only) | [`GridStackWidget`](#gridstackwidget).[`locked`](#locked-1) | [types.ts:337](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337) |
+| <a id="maxh"></a> `maxH?` | `number` | maximum height allowed during resize/creation (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`maxH`](#maxh-1) | [types.ts:331](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331) |
+| <a id="maxw"></a> `maxW?` | `number` | maximum width allowed during resize/creation (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`maxW`](#maxw-1) | [types.ts:327](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L327) |
+| <a id="minh"></a> `minH?` | `number` | minimum height allowed during resize/creation (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`minH`](#minh-1) | [types.ts:329](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329) |
+| <a id="minw"></a> `minW?` | `number` | minimum width allowed during resize/creation (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`minW`](#minw-1) | [types.ts:325](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325) |
+| <a id="nomove"></a> `noMove?` | `boolean` | prevents direct moving by the user (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`noMove`](#nomove-1) | [types.ts:335](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335) |
+| <a id="noresize"></a> `noResize?` | `boolean` | prevent direct resizing by the user (default?: undefined = un-constrained) | [`GridStackWidget`](#gridstackwidget).[`noResize`](#noresize-1) | [types.ts:333](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333) |
+| <a id="resizetocontentparent-1"></a> `resizeToContentParent?` | `string` | local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height | [`GridStackWidget`](#gridstackwidget).[`resizeToContentParent`](#resizetocontentparent-2) | [types.ts:348](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348) |
+| <a id="sizetocontent"></a> `sizeToContent?` | `number` \| `boolean` | local (vs grid) override - see GridStackOptions. Note: This also allow you to set a maximum h value (but user changeable during normal resizing) to prevent unlimited content from taking too much space (get scrollbar) | [`GridStackWidget`](#gridstackwidget).[`sizeToContent`](#sizetocontent-2) | [types.ts:346](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346) |
+| <a id="subgrid"></a> `subGrid?` | [`GridStack`](#gridstack-1) | actual sub-grid instance | - | [types.ts:425](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L425) |
+| <a id="subgridopts"></a> `subGridOpts?` | [`GridStackOptions`](#gridstackoptions) | optional nested grid options and list of children, which then turns into actual instance at runtime to get options from | [`GridStackWidget`](#gridstackwidget).[`subGridOpts`](#subgridopts-2) | [types.ts:350](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350) |
+| <a id="visibleobservable"></a> `visibleObservable?` | `IntersectionObserver` | allow delay creation when visible | - | [types.ts:427](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L427) |
+| <a id="w-2"></a> `w?` | `number` | widget dimension width (default?: 1) | [`GridStackWidget`](#gridstackwidget).[`w`](#w-4) | [types.ts:313](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313) |
+| <a id="x-2"></a> `x?` | `number` | widget position x (default?: 0) | [`GridStackWidget`](#gridstackwidget).[`x`](#x-4) | [types.ts:309](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309) |
+| <a id="y-2"></a> `y?` | `number` | widget position y (default?: 0) | [`GridStackWidget`](#gridstackwidget).[`y`](#y-4) | [types.ts:311](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311) |
+
+***
+
+<a id="gridstackposition"></a>
+### GridStackPosition
+
+Defined in: [types.ts:307](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L307)
+
+#### Extended by
+
+- [`GridStackMoveOpts`](#gridstackmoveopts)
+- [`GridStackWidget`](#gridstackwidget)
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="h-2"></a> `h?` | `number` | widget dimension height (default?: 1) | [types.ts:315](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315) |
+| <a id="w-3"></a> `w?` | `number` | widget dimension width (default?: 1) | [types.ts:313](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313) |
+| <a id="x-3"></a> `x?` | `number` | widget position x (default?: 0) | [types.ts:309](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309) |
+| <a id="y-3"></a> `y?` | `number` | widget position y (default?: 0) | [types.ts:311](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311) |
+
+***
+
+<a id="gridstackwidget"></a>
+### GridStackWidget
+
+Defined in: [types.ts:321](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L321)
+
+GridStack Widget creation options
+
+#### Extends
+
+- [`GridStackPosition`](#gridstackposition)
+
+#### Extended by
+
+- [`GridStackNode`](#gridstacknode-2)
+
+#### Properties
+
+| Property | Type | Description | Inherited from | Defined in |
+| ------ | ------ | ------ | ------ | ------ |
+| <a id="autoposition-1"></a> `autoPosition?` | `boolean` | if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false) | - | [types.ts:323](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323) |
+| <a id="content-1"></a> `content?` | `string` | html to append inside as content | - | [types.ts:341](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341) |
+| <a id="h-3"></a> `h?` | `number` | widget dimension height (default?: 1) | [`GridStackPosition`](#gridstackposition).[`h`](#h-2) | [types.ts:315](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315) |
+| <a id="id-1"></a> `id?` | `string` | value for `gs-id` stored on the widget (default?: undefined) | - | [types.ts:339](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339) |
+| <a id="lazyload-2"></a> `lazyLoad?` | `boolean` | true when widgets are only created when they scroll into view (visible) | - | [types.ts:343](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343) |
+| <a id="locked-1"></a> `locked?` | `boolean` | prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from `noMove` (user action only) | - | [types.ts:337](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337) |
+| <a id="maxh-1"></a> `maxH?` | `number` | maximum height allowed during resize/creation (default?: undefined = un-constrained) | - | [types.ts:331](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331) |
+| <a id="maxw-1"></a> `maxW?` | `number` | maximum width allowed during resize/creation (default?: undefined = un-constrained) | - | [types.ts:327](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L327) |
+| <a id="minh-1"></a> `minH?` | `number` | minimum height allowed during resize/creation (default?: undefined = un-constrained) | - | [types.ts:329](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329) |
+| <a id="minw-1"></a> `minW?` | `number` | minimum width allowed during resize/creation (default?: undefined = un-constrained) | - | [types.ts:325](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325) |
+| <a id="nomove-1"></a> `noMove?` | `boolean` | prevents direct moving by the user (default?: undefined = un-constrained) | - | [types.ts:335](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335) |
+| <a id="noresize-1"></a> `noResize?` | `boolean` | prevent direct resizing by the user (default?: undefined = un-constrained) | - | [types.ts:333](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333) |
+| <a id="resizetocontentparent-2"></a> `resizeToContentParent?` | `string` | local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height | - | [types.ts:348](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348) |
+| <a id="sizetocontent-2"></a> `sizeToContent?` | `number` \| `boolean` | local (vs grid) override - see GridStackOptions. Note: This also allow you to set a maximum h value (but user changeable during normal resizing) to prevent unlimited content from taking too much space (get scrollbar) | - | [types.ts:346](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346) |
+| <a id="subgridopts-2"></a> `subGridOpts?` | [`GridStackOptions`](#gridstackoptions) | optional nested grid options and list of children, which then turns into actual instance at runtime to get options from | - | [types.ts:350](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350) |
+| <a id="w-4"></a> `w?` | `number` | widget dimension width (default?: 1) | [`GridStackPosition`](#gridstackposition).[`w`](#w-3) | [types.ts:313](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313) |
+| <a id="x-4"></a> `x?` | `number` | widget position x (default?: 0) | [`GridStackPosition`](#gridstackposition).[`x`](#x-3) | [types.ts:309](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309) |
+| <a id="y-4"></a> `y?` | `number` | widget position y (default?: 0) | [`GridStackPosition`](#gridstackposition).[`y`](#y-3) | [types.ts:311](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311) |
+
+***
+
+<a id="heightdata"></a>
+### HeightData
+
+Defined in: [utils.ts:8](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L8)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="h-4"></a> `h` | `number` | [utils.ts:9](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L9) |
+| <a id="unit"></a> `unit` | `string` | [utils.ts:10](https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L10) |
+
+***
+
+<a id="htmlelementextendoptt"></a>
+### HTMLElementExtendOpt\<T\>
+
+Defined in: [dd-base-impl.ts:44](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L44)
+
+#### Type Parameters
+
+| Type Parameter |
+| ------ |
+| `T` |
+
+#### Methods
+
+##### updateOption()
+
+```ts
+updateOption(T): DDBaseImplement;
+```
+
+Defined in: [dd-base-impl.ts:47](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L47)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `T` | `any` |
+
+###### Returns
+
+[`DDBaseImplement`](#ddbaseimplement)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="el-6"></a> `el` | `HTMLElement` | [dd-base-impl.ts:45](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L45) |
+| <a id="option-4"></a> `option` | `T` | [dd-base-impl.ts:46](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L46) |
+
+***
+
+<a id="mouseposition"></a>
+### MousePosition
+
+Defined in: [gridstack.ts:50](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L50)
+
+Defines the coordinates of an object
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="left"></a> `left` | `number` | [gridstack.ts:52](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L52) |
+| <a id="top"></a> `top` | `number` | [gridstack.ts:51](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L51) |
+
+***
+
+<a id="position-1"></a>
+### Position
+
+Defined in: [types.ts:395](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L395)
+
+#### Extended by
+
+- [`Rect`](#rect-1)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="left-1"></a> `left` | `number` | [types.ts:397](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397) |
+| <a id="top-1"></a> `top` | `number` | [types.ts:396](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396) |
+
+***
+
+<a id="rect-1"></a>
+### Rect
+
+Defined in: [types.ts:399](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L399)
+
+#### Extends
+
+- [`Size`](#size-1).[`Position`](#position-1)
+
+#### Properties
+
+| Property | Type | Inherited from | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="height"></a> `height` | `number` | [`Size`](#size-1).[`height`](#height-1) | [types.ts:393](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393) |
+| <a id="left-2"></a> `left` | `number` | [`Position`](#position-1).[`left`](#left-1) | [types.ts:397](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397) |
+| <a id="top-2"></a> `top` | `number` | [`Position`](#position-1).[`top`](#top-1) | [types.ts:396](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396) |
+| <a id="width"></a> `width` | `number` | [`Size`](#size-1).[`width`](#width-1) | [types.ts:392](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392) |
+
+***
+
+<a id="responsive"></a>
+### Responsive
+
+Defined in: [types.ts:83](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L83)
+
+describes the responsive nature of the grid. NOTE: make sure to have correct extra CSS to support this.
+
+#### Properties
+
+| Property | Type | Description | Defined in |
+| ------ | ------ | ------ | ------ |
+| <a id="breakpointforwindow"></a> `breakpointForWindow?` | `boolean` | specify if breakpoints are for window size or grid size (default:false = grid) | [types.ts:91](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L91) |
+| <a id="breakpoints"></a> `breakpoints?` | [`Breakpoint`](#breakpoint)[] | explicit width:column breakpoints instead of automatic 'columnWidth'. NOTE: make sure to have correct extra CSS to support this. | [types.ts:89](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L89) |
+| <a id="columnmax"></a> `columnMax?` | `number` | maximum number of columns allowed (default: 12). NOTE: make sure to have correct extra CSS to support this. | [types.ts:87](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L87) |
+| <a id="columnwidth"></a> `columnWidth?` | `number` | wanted width to maintain (+-50%) to dynamically pick a column count. NOTE: make sure to have correct extra CSS to support this. | [types.ts:85](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L85) |
+| <a id="layout-2"></a> `layout?` | [`ColumnOptions`](#columnoptions) | global re-layout mode when changing columns | [types.ts:93](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L93) |
+
+***
+
+<a id="size-1"></a>
+### Size
+
+Defined in: [types.ts:391](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L391)
+
+#### Extended by
+
+- [`Rect`](#rect-1)
+
+#### Properties
+
+| Property | Type | Defined in |
+| ------ | ------ | ------ |
+| <a id="height-1"></a> `height` | `number` | [types.ts:393](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393) |
+| <a id="width-1"></a> `width` | `number` | [types.ts:392](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392) |
+
+## Variables
+
+<a id="griddefaults"></a>
+### gridDefaults
+
+```ts
+const gridDefaults: GridStackOptions;
+```
+
+Defined in: [types.ts:10](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L10)
+
+## Type Aliases
+
+<a id="addremovefcn"></a>
+### AddRemoveFcn()
+
+```ts
+type AddRemoveFcn = (parent, w, add, grid) => HTMLElement | undefined;
+```
+
+Defined in: [types.ts:72](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L72)
+
+optional function called during load() to callback the user on new added/remove grid items | grids
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `parent` | `HTMLElement` |
+| `w` | [`GridStackWidget`](#gridstackwidget) |
+| `add` | `boolean` |
+| `grid` | `boolean` |
+
+#### Returns
+
+`HTMLElement` \| `undefined`
+
+***
+
+<a id="columnoptions"></a>
+### ColumnOptions
+
+```ts
+type ColumnOptions = 
+  | "list"
+  | "compact"
+  | "moveScale"
+  | "move"
+  | "scale"
+  | "none"
+  | (column, oldColumn, nodes, oldNodes) => void;
+```
+
+Defined in: [types.ts:51](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L51)
+
+different layout options when changing # of columns, including a custom function that takes new/old column count, and array of new/old positions
+Note: new list may be partially already filled if we have a cache of the layout at that size and new items were added later.
+Options are:
+'list' - treat items as sorted list, keeping items (un-sized unless too big for column count) sequentially reflowing them
+'compact' - similar to list, but using compact() method which will possibly re-order items if an empty slots are available due to a larger item needing to be pushed to next row
+'moveScale' - will scale and move items by the ratio new newColumnCount / oldColumnCount
+'move' | 'scale' - will only size or move items
+'none' will leave items unchanged, unless they don't fit in column count
+
+***
+
+<a id="compactoptions"></a>
+### CompactOptions
+
+```ts
+type CompactOptions = "list" | "compact";
+```
+
+Defined in: [types.ts:53](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L53)
+
+***
+
+<a id="ddcallback"></a>
+### DDCallback()
+
+```ts
+type DDCallback = (event, arg2, helper?) => void;
+```
+
+Defined in: [dd-gridstack.ts:26](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L26)
+
+drag&drop events callbacks
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+| `arg2` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+| `helper?` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="dddropopt"></a>
+### DDDropOpt
+
+```ts
+type DDDropOpt = object;
+```
+
+Defined in: [dd-gridstack.ts:14](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L14)
+
+Drag&Drop drop options
+
+#### Properties
+
+##### accept()?
+
+```ts
+optional accept: (el) => boolean;
+```
+
+Defined in: [dd-gridstack.ts:16](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L16)
+
+function or class type that this grid will accept as dropped items (see GridStackOptions.acceptWidgets)
+
+###### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+
+###### Returns
+
+`boolean`
+
+***
+
+<a id="ddkey"></a>
+### DDKey
+
+```ts
+type DDKey = 
+  | "minWidth"
+  | "minHeight"
+  | "maxWidth"
+  | "maxHeight"
+  | "maxHeightMoveUp"
+  | "maxWidthMoveLeft";
+```
+
+Defined in: [dd-gridstack.ts:22](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L22)
+
+***
+
+<a id="ddopts"></a>
+### DDOpts
+
+```ts
+type DDOpts = "enable" | "disable" | "destroy" | "option" | string | any;
+```
+
+Defined in: [dd-gridstack.ts:21](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L21)
+
+drag&drop options currently called from the main code, but others can be passed in grid options
+
+***
+
+<a id="ddvalue"></a>
+### DDValue
+
+```ts
+type DDValue = number | string;
+```
+
+Defined in: [dd-gridstack.ts:23](https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L23)
+
+***
+
+<a id="eventcallback"></a>
+### EventCallback()
+
+```ts
+type EventCallback = (event) => boolean | void;
+```
+
+Defined in: [dd-base-impl.ts:6](https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L6)
+
+dd-base-impl.ts 12.2.2-dev
+Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+
+#### Returns
+
+`boolean` \| `void`
+
+***
+
+<a id="gridstackdroppedhandler"></a>
+### GridStackDroppedHandler()
+
+```ts
+type GridStackDroppedHandler = (event, previousNode, newNode) => void;
+```
+
+Defined in: [types.ts:68](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L68)
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+| `previousNode` | [`GridStackNode`](#gridstacknode-2) |
+| `newNode` | [`GridStackNode`](#gridstacknode-2) |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="gridstackelement"></a>
+### GridStackElement
+
+```ts
+type GridStackElement = string | HTMLElement | GridItemHTMLElement;
+```
+
+Defined in: [types.ts:62](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L62)
+
+***
+
+<a id="gridstackelementhandler"></a>
+### GridStackElementHandler()
+
+```ts
+type GridStackElementHandler = (event, el) => void;
+```
+
+Defined in: [types.ts:66](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L66)
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="gridstackevent"></a>
+### GridStackEvent
+
+```ts
+type GridStackEvent = 
+  | "added"
+  | "change"
+  | "disable"
+  | "drag"
+  | "dragstart"
+  | "dragstop"
+  | "dropped"
+  | "enable"
+  | "removed"
+  | "resize"
+  | "resizestart"
+  | "resizestop"
+  | "resizecontent";
+```
+
+Defined in: [gridstack.ts:46](https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L46)
+
+list of possible events, or space separated list of them
+
+***
+
+<a id="gridstackeventhandler"></a>
+### GridStackEventHandler()
+
+```ts
+type GridStackEventHandler = (event) => void;
+```
+
+Defined in: [types.ts:65](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L65)
+
+specific and general event handlers for the .on() method
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="gridstackeventhandlercallback"></a>
+### GridStackEventHandlerCallback
+
+```ts
+type GridStackEventHandlerCallback = 
+  | GridStackEventHandler
+  | GridStackElementHandler
+  | GridStackNodesHandler
+  | GridStackDroppedHandler;
+```
+
+Defined in: [types.ts:69](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L69)
+
+***
+
+<a id="gridstacknodeshandler"></a>
+### GridStackNodesHandler()
+
+```ts
+type GridStackNodesHandler = (event, nodes) => void;
+```
+
+Defined in: [types.ts:67](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L67)
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `event` | `Event` |
+| `nodes` | [`GridStackNode`](#gridstacknode-2)[] |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="numberorstring"></a>
+### numberOrString
+
+```ts
+type numberOrString = number | string;
+```
+
+Defined in: [types.ts:54](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L54)
+
+***
+
+<a id="renderfcn"></a>
+### RenderFcn()
+
+```ts
+type RenderFcn = (el, w) => void;
+```
+
+Defined in: [types.ts:78](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L78)
+
+optional function called during load()/addWidget() to let the caller create custom content other than plan text
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | `HTMLElement` |
+| `w` | [`GridStackWidget`](#gridstackwidget) |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="resizetocontentfcn"></a>
+### ResizeToContentFcn()
+
+```ts
+type ResizeToContentFcn = (el) => void;
+```
+
+Defined in: [types.ts:80](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L80)
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `el` | [`GridItemHTMLElement`](#griditemhtmlelement) |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="savefcn"></a>
+### SaveFcn()
+
+```ts
+type SaveFcn = (node, w) => void;
+```
+
+Defined in: [types.ts:75](https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L75)
+
+optional function called during save() to let the caller add additional custom data to the GridStackWidget structure that will get returned
+
+#### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `node` | [`GridStackNode`](#gridstacknode-2) |
+| `w` | [`GridStackWidget`](#gridstackwidget) |
+
+#### Returns
+
+`void`
diff --git a/docs/assets/hierarchy.js b/docs/assets/hierarchy.js
deleted file mode 100644
index a03a950aa..000000000
--- a/docs/assets/hierarchy.js
+++ /dev/null
@@ -1 +0,0 @@
-window.hierarchyData = "eJydkrFuwyAQht/lZtxGNtSpX6BT06gZMkQZLHNuUAhEQDok8rvnaFXLVS0Zd2LgP75P/3EDZ23wUO14KZgociby5z0Dh63GJihr6O4GXJTxMPUJoYIXp+Qm1M3x1X7i25nGGRyVkVDl4onBxWkKKRPQtXWD/vFP/uEQTpqGGl17eh+Cl1l8IOuHoGNARmPQtfUqiqVCf/IJULo8KC0dmliIKBlfLvbRZLkYM9kq+YEh1eM7PddCcB4NaCsDg4264gQ2RmazCvHFKvIBK7Hu/7bcM4e7fqevN8GLkbRvRA2OLW9l5VSHv7IpsK67AwsFFqk="
\ No newline at end of file
diff --git a/docs/assets/navigation.js b/docs/assets/navigation.js
deleted file mode 100644
index 44092639c..000000000
--- a/docs/assets/navigation.js
+++ /dev/null
@@ -1 +0,0 @@
-window.navigationData = "eJydlk1z0zAQhv+Lzx1KAy3QW4kL6UAok6Rw6PSg2BtHE1nySHKGwvDfK8f5kKxPuOp99/FqtSv58U8m4ZfMrrM8zzlr7huZnWUNkmu1JJ8bEOdH4dVa1kSpG0zL7Hr0+sO7i8vR3zONoEzCDu9W47Ff4NkOVYvxyB+ItGDH7pbj0WNEyBIVGxtwUOKMzxyXc2lACoKE2GGOosm5GL3XGEfTLa0wBVUyzKhWS0wl8BUqFNFtHSR5eeWH20kODLFEJ4vp11sCNVDpzVDzpKW2NWj9GZhq7BymrBXwnQncFcSZmOEIpTUGQoIk3ZC0v0DRQ+WulCmHFWqJPllbxDFaEgXRdZPzRi/NmJG2plZX9VU2xFiRx6xuUCG9KF2NsWhbL4Hf87nkmFZDlqnGWF017yTUKb058KX155A57FAny5nmqaMniJYEeLjt96Z0cp9JlG3YkunfWAkixtZNyeTulWmgjLFN23/V23flB82xL92U5QxqtoVPBR2CdS3GmSMnYr8ci54BLYE74o9CnCDwb1iwMVNDQ6UTNXQkMBt1H+AtOGfyJIdG8SMHtGkY9gz2SU6a56QX9l/e1qk6XvP/x0U8uJKQwRfIciUhf+KyAv/NqHlCuDzve8D4W9RQmh7D1H1BvJi9HsbkHFV+yF4NIeYqWWd0J4QCg0eUcjIzKNx5d0J41w93OZLIs+leTOqJ7rYOd0TnCKEmgKu19GZzkoMbUse04IiKFeO1e1e6I4RiS8EISG1Xq5YWu1k+P2hm/NVbR7g5zjbCHmQvJgcSIylLAuxGSh4idXoA8yAx0fZ0+BfdLdv/oU8vilPBzw=="
\ No newline at end of file
diff --git a/docs/assets/search.js b/docs/assets/search.js
deleted file mode 100644
index a7859f03e..000000000
--- a/docs/assets/search.js
+++ /dev/null
@@ -1 +0,0 @@
-window.searchData = "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";
\ No newline at end of file
diff --git a/docs/classes/DDGridStack.html b/docs/classes/DDGridStack.html
deleted file mode 100644
index 2a7df1216..000000000
--- a/docs/classes/DDGridStack.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDGridStack | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDGridStack</a></li></ul><h1>Class DDGridStack</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>HTML Native Mouse and Touch Events Drag and Drop functionality.</p>
-</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L33">dd-gridstack.ts:33</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a>
-<a href="#draggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>draggable</span></a>
-<a href="#dragin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drag<wbr/>In</span></a>
-<a href="#droppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>droppable</span></a>
-<a href="#isdroppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Droppable</span></a>
-<a href="#isdraggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Draggable</span></a>
-<a href="#isresizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Resizable</span></a>
-<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
-<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddgridstack"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDGridStack</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#constructorddgridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizable-1"><span class="tsd-kind-call-signature">resizable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#resizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L35">dd-gridstack.ts:35</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="draggable"><span>draggable</span><a href="#draggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="draggable-1"><span class="tsd-kind-call-signature">draggable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#draggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L70">dd-gridstack.ts:70</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dragin"><span>drag<wbr/>In</span><a href="#dragin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="dragin-1"><span class="tsd-kind-call-signature">dragIn</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#dragin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L94">dd-gridstack.ts:94</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="droppable"><span>droppable</span><a href="#droppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="droppable-1"><span class="tsd-kind-call-signature">droppable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#droppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L99">dd-gridstack.ts:99</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isdroppable"><span>is<wbr/>Droppable</span><a href="#isdroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isdroppable-1"><span class="tsd-kind-call-signature">isDroppable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DDElementHost</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdroppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is droppable</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">DDElementHost</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L119">dd-gridstack.ts:119</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isdraggable"><span>is<wbr/>Draggable</span><a href="#isdraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isdraggable-1"><span class="tsd-kind-call-signature">isDraggable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DDElementHost</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdraggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is draggable</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">DDElementHost</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L124">dd-gridstack.ts:124</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isresizable"><span>is<wbr/>Resizable</span><a href="#isresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isresizable-1"><span class="tsd-kind-call-signature">isResizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DDElementHost</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isresizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is draggable</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">DDElementHost</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L129">dd-gridstack.ts:129</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/DDCallback.html" class="tsd-signature-type tsd-kind-type-alias">DDCallback</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/DDCallback.html" class="tsd-signature-type tsd-kind-type-alias">DDCallback</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L133">dd-gridstack.ts:133</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L145">dd-gridstack.ts:145</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>draggable</span></a><a href="#dragin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drag<wbr/>In</span></a><a href="#droppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>droppable</span></a><a href="#isdroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Droppable</span></a><a href="#isdraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Draggable</span></a><a href="#isresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Resizable</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/classes/Utils.html b/docs/classes/Utils.html
deleted file mode 100644
index fd0ec18b1..000000000
--- a/docs/classes/Utils.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Utils | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Utils</a></li></ul><h1>Class Utils</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Utility methods</p>
-</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L61">utils.ts:61</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#getelements" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Elements</span></a>
-<a href="#getelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Element</span></a>
-<a href="#lazyload" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>lazy<wbr/>Load</span></a>
-<a href="#creatediv" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Div</span></a>
-<a href="#shouldsizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Size<wbr/>To<wbr/>Content</span></a>
-<a href="#isintercepted" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Intercepted</span></a>
-<a href="#istouching" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Touching</span></a>
-<a href="#areaintercept" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area<wbr/>Intercept</span></a>
-<a href="#area" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area</span></a>
-<a href="#sort" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort</span></a>
-<a href="#find" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find</span></a>
-<a href="#tobool" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Bool</span></a>
-<a href="#tonumber" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Number</span></a>
-<a href="#parseheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>parse<wbr/>Height</span></a>
-<a href="#defaults" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>defaults</span></a>
-<a href="#same" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same</span></a>
-<a href="#copypos" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>copy<wbr/>Pos</span></a>
-<a href="#samepos" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same<wbr/>Pos</span></a>
-<a href="#sanitizeminmax" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sanitize<wbr/>Min<wbr/>Max</span></a>
-<a href="#removeinternalandsame" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span></a>
-<a href="#removeinternalforsave" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span></a>
-<a href="#throttle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>throttle</span></a>
-<a href="#removepositioningstyles" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Positioning<wbr/>Styles</span></a>
-<a href="#clone" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone</span></a>
-<a href="#clonedeep" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Deep</span></a>
-<a href="#clonenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Node</span></a>
-<a href="#appendto" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>append<wbr/>To</span></a>
-<a href="#addelstyles" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>El<wbr/>Styles</span></a>
-<a href="#initevent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>Event</span></a>
-<a href="#simulatemouseevent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>simulate<wbr/>Mouse<wbr/>Event</span></a>
-<a href="#getvaluesfromtransformedelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span></a>
-<a href="#swap" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a>
-<a href="#canberotated" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>can<wbr/>Be<wbr/>Rotated</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorutils"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Utils</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Utils</a><a href="#constructorutils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Utils</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getelements"><code class="tsd-tag">Static</code><span>get<wbr/>Elements</span><a href="#getelements" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getelements-1"><span class="tsd-kind-call-signature">getElements</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span><a href="#getelements-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>convert a potential selector into actual list of html elements. optional root which defaults to document (for shadow dom)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">root</span>: <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = document</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L64">utils.ts:64</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getelement"><code class="tsd-tag">Static</code><span>get<wbr/>Element</span><a href="#getelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getelement-1"><span class="tsd-kind-call-signature">getElement</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#getelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>convert a potential selector into actual single element. optional root which defaults to document (for shadow dom)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">root</span>: <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = document</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L87">utils.ts:87</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Static</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="lazyload-1"><span class="tsd-kind-call-signature">lazyLoad</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#lazyload-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if widget (or grid) makes this item lazyLoad</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L113">utils.ts:113</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="creatediv"><code class="tsd-tag">Static</code><span>create<wbr/>Div</span><a href="#creatediv" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="creatediv-1"><span class="tsd-kind-call-signature">createDiv</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">classes</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#creatediv-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>create a div with the given classes</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">classes</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L118">utils.ts:118</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="shouldsizetocontent"><code class="tsd-tag">Static</code><span>should<wbr/>Size<wbr/>To<wbr/>Content</span><a href="#shouldsizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="shouldsizetocontent-1"><span class="tsd-kind-call-signature">shouldSizeToContent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">strict</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#shouldsizetocontent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if we should resize to content. strict=true when only 'sizeToContent:true' and not a number which lets user adjust</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">strict</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L126">utils.ts:126</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isintercepted"><code class="tsd-tag">Static</code><span>is<wbr/>Intercepted</span><a href="#isintercepted" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isintercepted-1"><span class="tsd-kind-call-signature">isIntercepted</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isintercepted-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns true if a and b overlap</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L133">utils.ts:133</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="istouching"><code class="tsd-tag">Static</code><span>is<wbr/>Touching</span><a href="#istouching" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="istouching-1"><span class="tsd-kind-call-signature">isTouching</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#istouching-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns true if a and b touch edges or corners</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L138">utils.ts:138</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="areaintercept"><code class="tsd-tag">Static</code><span>area<wbr/>Intercept</span><a href="#areaintercept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="areaintercept-1"><span class="tsd-kind-call-signature">areaIntercept</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#areaintercept-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the area a and b overlap</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L143">utils.ts:143</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="area"><code class="tsd-tag">Static</code><span>area</span><a href="#area" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="area-1"><span class="tsd-kind-call-signature">area</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#area-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the area</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L154">utils.ts:154</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sort"><code class="tsd-tag">Static</code><span>sort</span><a href="#sort" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sort-1"><span class="tsd-kind-call-signature">sort</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">dir</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#sort-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Sorts array of nodes</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>array to sort</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">dir</span>: <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol"> = 1</span></span><div class="tsd-comment tsd-typography"><p>1 for ascending, -1 for descending (optional)</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L163">utils.ts:163</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="find"><code class="tsd-tag">Static</code><span>find</span><a href="#find" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="find-1"><span class="tsd-kind-call-signature">find</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">id</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#find-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>find an item by id</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li><li><span><span class="tsd-kind-parameter">id</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L173">utils.ts:173</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="tobool"><code class="tsd-tag">Static</code><span>to<wbr/>Bool</span><a href="#tobool" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="tobool-1"><span class="tsd-kind-call-signature">toBool</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#tobool-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L178">utils.ts:178</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="tonumber"><code class="tsd-tag">Static</code><span>to<wbr/>Number</span><a href="#tonumber" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="tonumber-1"><span class="tsd-kind-call-signature">toNumber</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#tonumber-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">value</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L189">utils.ts:189</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="parseheight"><code class="tsd-tag">Static</code><span>parse<wbr/>Height</span><a href="#parseheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="parseheight-1"><span class="tsd-kind-call-signature">parseHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/HeightData.html" class="tsd-signature-type tsd-kind-interface">HeightData</a><a href="#parseheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/HeightData.html" class="tsd-signature-type tsd-kind-interface">HeightData</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L193">utils.ts:193</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="defaults"><code class="tsd-tag">Static</code><span>defaults</span><a href="#defaults" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="defaults-1"><span class="tsd-kind-call-signature">defaults</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">sources</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><a href="#defaults-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies unset fields in target to use the given default sources values</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">target</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">sources</span>: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{}</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L214">utils.ts:214</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="same"><code class="tsd-tag">Static</code><span>same</span><a href="#same" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="same-1"><span class="tsd-kind-call-signature">same</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#same-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given 2 objects return true if they have the same values. Checks for Object {} having same fields and values (just 1 level down)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L232">utils.ts:232</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="copypos"><code class="tsd-tag">Static</code><span>copy<wbr/>Pos</span><a href="#copypos" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="copypos-1"><span class="tsd-kind-call-signature">copyPos</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">doMinMax</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><a href="#copypos-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies over b size &amp; position (GridStackPosition), and optionally min/max as well</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">doMinMax</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L244">utils.ts:244</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="samepos"><code class="tsd-tag">Static</code><span>same<wbr/>Pos</span><a href="#samepos" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="samepos-1"><span class="tsd-kind-call-signature">samePos</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#samepos-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if a and b has same size &amp; position</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L259">utils.ts:259</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sanitizeminmax"><code class="tsd-tag">Static</code><span>sanitize<wbr/>Min<wbr/>Max</span><a href="#sanitizeminmax" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sanitizeminmax-1"><span class="tsd-kind-call-signature">sanitizeMinMax</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#sanitizeminmax-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given a node, makes sure it's min/max are valid</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L264">utils.ts:264</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeinternalandsame"><code class="tsd-tag">Static</code><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span><a href="#removeinternalandsame" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeinternalandsame-1"><span class="tsd-kind-call-signature">removeInternalAndSame</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeinternalandsame-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>removes field from the first object if same as the second objects (like diffing) and internal '_' for saving</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L273">utils.ts:273</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeinternalforsave"><code class="tsd-tag">Static</code><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span><a href="#removeinternalforsave" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeinternalforsave-1"><span class="tsd-kind-call-signature">removeInternalForSave</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">removeEl</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeinternalforsave-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>removes internal fields '_' and default values for saving</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">removeEl</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L288">utils.ts:288</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="throttle"><code class="tsd-tag">Static</code><span>throttle</span><a href="#throttle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="throttle-1"><span class="tsd-kind-call-signature">throttle</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">func</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">delay</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><a href="#throttle-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>delay calling the given function for given delay, preventing new calls from happening while waiting</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">func</span>: <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li><li><span><span class="tsd-kind-parameter">delay</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L311">utils.ts:311</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removepositioningstyles"><code class="tsd-tag">Static</code><span>remove<wbr/>Positioning<wbr/>Styles</span><a href="#removepositioningstyles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removepositioningstyles-1"><span class="tsd-kind-call-signature">removePositioningStyles</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removepositioningstyles-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L321">utils.ts:321</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clone"><code class="tsd-tag">Static</code><span>clone</span><a href="#clone" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clone-1"><span class="tsd-kind-call-signature">clone</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">obj</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><a href="#clone-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>single level clone, returning a new object with same top fields. This will share sub objects and arrays</p>
-</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="clonet"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">obj</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L414">utils.ts:414</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clonedeep"><code class="tsd-tag">Static</code><span>clone<wbr/>Deep</span><a href="#clonedeep" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clonedeep-1"><span class="tsd-kind-call-signature">cloneDeep</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">obj</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><a href="#clonedeep-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Recursive clone version that returns a full copy, checking for nested objects and arrays ONLY.
-Note: this will use as-is any key starting with double __ (and not copy inside) some lib have circular dependencies.</p>
-</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="clonedeept"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">obj</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L430">utils.ts:430</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clonenode"><code class="tsd-tag">Static</code><span>clone<wbr/>Node</span><a href="#clonenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clonenode-1"><span class="tsd-kind-call-signature">cloneNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#clonenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>deep clone the given HTML node, removing teh unique id field</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L445">utils.ts:445</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="appendto"><code class="tsd-tag">Static</code><span>append<wbr/>To</span><a href="#appendto" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="appendto-1"><span class="tsd-kind-call-signature">appendTo</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#appendto-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L451">utils.ts:451</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addelstyles"><code class="tsd-tag">Static</code><span>add<wbr/>El<wbr/>Styles</span><a href="#addelstyles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addelstyles-1"><span class="tsd-kind-call-signature">addElStyles</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">styles</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-signature-symbol">[</span><span class="tsd-kind-index-signature">prop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addelstyles-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">styles</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-signature-symbol">[</span><span class="tsd-kind-index-signature">prop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L469">utils.ts:469</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="initevent"><code class="tsd-tag">Static</code><span>init<wbr/>Event</span><a href="#initevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="initevent-1"><span class="tsd-kind-call-signature">initEvent</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">info</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">type</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a><a href="#initevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="initeventt"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">DragEvent</span></span></li><li><span><span class="tsd-kind-parameter">info</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">type</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L486">utils.ts:486</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="simulatemouseevent"><code class="tsd-tag">Static</code><span>simulate<wbr/>Mouse<wbr/>Event</span><a href="#simulatemouseevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="simulatemouseevent-1"><span class="tsd-kind-call-signature">simulateMouseEvent</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Touch</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">simulatedType</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#simulatemouseevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies the MouseEvent (or convert Touch) properties and sends it as another event to the given target</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Touch</span></span></li><li><span><span class="tsd-kind-parameter">simulatedType</span>: <span class="tsd-signature-type">string</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">target</span>: <span class="tsd-signature-type">EventTarget</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L502">utils.ts:502</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getvaluesfromtransformedelement"><code class="tsd-tag">Static</code><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span><a href="#getvaluesfromtransformedelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getvaluesfromtransformedelement-1"><span class="tsd-kind-call-signature">getValuesFromTransformedElement</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DragTransform.html" class="tsd-signature-type tsd-kind-interface">DragTransform</a><a href="#getvaluesfromtransformedelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>defines an element that is used to get the offset and scale from grid transforms
-returns the scale and offsets from said element</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/DragTransform.html" class="tsd-signature-type tsd-kind-interface">DragTransform</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L529">utils.ts:529</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="swap"><code class="tsd-tag">Static</code><span>swap</span><a href="#swap" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="swap-1"><span class="tsd-kind-call-signature">swap</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#swap-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>swap the given object 2 field values</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">o</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L553">utils.ts:553</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="canberotated"><code class="tsd-tag">Static</code><span>can<wbr/>Be<wbr/>Rotated</span><a href="#canberotated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="canberotated-1"><span class="tsd-kind-call-signature">canBeRotated</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#canberotated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if the item can be rotated (checking for prop, not space available)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L572">utils.ts:572</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#getelements"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Elements</span></a><a href="#getelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Element</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>lazy<wbr/>Load</span></a><a href="#creatediv"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Div</span></a><a href="#shouldsizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Size<wbr/>To<wbr/>Content</span></a><a href="#isintercepted"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Intercepted</span></a><a href="#istouching"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Touching</span></a><a href="#areaintercept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area<wbr/>Intercept</span></a><a href="#area"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area</span></a><a href="#sort"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort</span></a><a href="#find"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find</span></a><a href="#tobool"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Bool</span></a><a href="#tonumber"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Number</span></a><a href="#parseheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>parse<wbr/>Height</span></a><a href="#defaults"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>defaults</span></a><a href="#same"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same</span></a><a href="#copypos"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>copy<wbr/>Pos</span></a><a href="#samepos"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same<wbr/>Pos</span></a><a href="#sanitizeminmax"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sanitize<wbr/>Min<wbr/>Max</span></a><a href="#removeinternalandsame"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span></a><a href="#removeinternalforsave"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span></a><a href="#throttle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>throttle</span></a><a href="#removepositioningstyles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Positioning<wbr/>Styles</span></a><a href="#clone"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone</span></a><a href="#clonedeep"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Deep</span></a><a href="#clonenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Node</span></a><a href="#appendto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>append<wbr/>To</span></a><a href="#addelstyles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>El<wbr/>Styles</span></a><a href="#initevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>Event</span></a><a href="#simulatemouseevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>simulate<wbr/>Mouse<wbr/>Event</span></a><a href="#getvaluesfromtransformedelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span></a><a href="#swap"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a><a href="#canberotated"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>can<wbr/>Be<wbr/>Rotated</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/functions/obsolete.html b/docs/functions/obsolete.html
deleted file mode 100644
index 835314338..000000000
--- a/docs/functions/obsolete.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>obsolete | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">obsolete</a></li></ul><h1>Function obsolete</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="obsolete"><span class="tsd-kind-call-signature">obsolete</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">self</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">f</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">oldName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">newName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">rev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">any</span><a href="#obsolete" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for obsolete method names</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">self</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">f</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">oldName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">newName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">rev</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">args</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">any</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L22">utils.ts:22</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/functions/obsoleteAttr.html b/docs/functions/obsoleteAttr.html
deleted file mode 100644
index 62def74eb..000000000
--- a/docs/functions/obsoleteAttr.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>obsoleteAttr | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">obsoleteAttr</a></li></ul><h1>Function obsoleteAttr</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="obsoleteattr"><span class="tsd-kind-call-signature">obsoleteAttr</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">oldName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">newName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">rev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#obsoleteattr" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for obsolete Jquery element attributes</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">oldName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">newName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">rev</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L49">utils.ts:49</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/functions/obsoleteOpts.html b/docs/functions/obsoleteOpts.html
deleted file mode 100644
index 944a00bc9..000000000
--- a/docs/functions/obsoleteOpts.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>obsoleteOpts | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">obsoleteOpts</a></li></ul><h1>Function obsoleteOpts</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="obsoleteopts"><span class="tsd-kind-call-signature">obsoleteOpts</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">oldName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">newName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">rev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#obsoleteopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for obsolete grid options (can be used for any fields, but msg is about options)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span></li><li><span><span class="tsd-kind-parameter">oldName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">newName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">rev</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L33">utils.ts:33</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/functions/obsoleteOptsDel.html b/docs/functions/obsoleteOptsDel.html
deleted file mode 100644
index 39be95e8b..000000000
--- a/docs/functions/obsoleteOptsDel.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>obsoleteOptsDel | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">obsoleteOptsDel</a></li></ul><h1>Function obsoleteOptsDel</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="obsoleteoptsdel"><span class="tsd-kind-call-signature">obsoleteOptsDel</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">oldName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">rev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">info</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#obsoleteoptsdel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for obsolete grid options which are gone</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span></li><li><span><span class="tsd-kind-parameter">oldName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">rev</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">info</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L42">utils.ts:42</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/hierarchy.html b/docs/hierarchy.html
deleted file mode 100644
index ee83985db..000000000
--- a/docs/hierarchy.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>gridstack - v12.2.2-dev</h1></div><h2>Hierarchy Summary</h2><ul class="tsd-full-hierarchy"><li data-refl="475" id="GridStackPosition"><a href="interfaces/GridStackPosition.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackPosition</a><ul><li data-refl="457" id="GridStackMoveOpts"><a href="interfaces/GridStackMoveOpts.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackMoveOpts</a></li><li data-refl="480" id="GridStackWidget"><a href="interfaces/GridStackWidget.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackWidget</a><ul><li data-refl="544" id="GridStackNode"><a href="interfaces/GridStackNode.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackNode</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="532" id="Position"><a href="interfaces/Position.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Position</a><ul><li data-refl="535" id="Rect"><a href="interfaces/Rect.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Rect</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="529" id="Size"><a href="interfaces/Size.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Size</a><ul><li data-refl="535"><a href="interfaces/Rect.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Rect</a></li></ul></li></ul></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/.nojekyll b/docs/html/.nojekyll
similarity index 100%
rename from docs/.nojekyll
rename to docs/html/.nojekyll
diff --git a/docs/html/assets/hierarchy.js b/docs/html/assets/hierarchy.js
new file mode 100644
index 000000000..e89514af9
--- /dev/null
+++ b/docs/html/assets/hierarchy.js
@@ -0,0 +1 @@
+window.hierarchyData = "eJydlFFvgjAUhf9Ln+sGhYL6uGCmydwWXbKHxQcGVRuBEtoti8b/vpYpo4SlZU8meG6/c25v7wlUjAkOpm+uN/GghzH0QwxdHzkQewhiNNlAUJFtRhJBWSGVJyBV6qeIcwKm4L6i6UKQfP6yfJhlJCeFABAcaJGCKcIBBB9VJmW0EKTaxgnhtz0VN3uRZ7IsyWIuGUDwdKSOGDVl6s89zdKKFMqtg4LNGQIfhx0raxEnhyX7JE+lzGU2ouktbCho2M1fH/LMOFU9soVe9UOzy8zQHzt1/LHT5+SVpjticwst9VAX2PeVAzkgLQdreiQGrJIMZnm4ZnmoxbJs93+73DDbd72Sr8DAUxK7MZId7Lu8R5aaeqhp7WDqwbRoUXR5eHPGTYk0rS0t0GlRFe928Xv2m8xF4yurPqsGNbI/MT8fFMINnQ6ClaUN4iKzQCDsaYgV4fRoRjQyC4TcuhriLuZkkZedPdqL0aQGVGd5BgFU/YMqoZpyte9bNlqLefYlSJHK3WgYkr6S4Utd93U+fwMXaCTL"
\ No newline at end of file
diff --git a/docs/assets/highlight.css b/docs/html/assets/highlight.css
similarity index 53%
rename from docs/assets/highlight.css
rename to docs/html/assets/highlight.css
index a48eee2bb..eebd07d72 100644
--- a/docs/assets/highlight.css
+++ b/docs/html/assets/highlight.css
@@ -1,38 +1,26 @@
 :root {
-    --light-hl-0: #001080;
-    --dark-hl-0: #9CDCFE;
-    --light-hl-1: #000000;
-    --dark-hl-1: #D4D4D4;
-    --light-hl-2: #008000;
-    --dark-hl-2: #6A9955;
-    --light-hl-3: #AF00DB;
-    --dark-hl-3: #C586C0;
-    --light-hl-4: #A31515;
-    --dark-hl-4: #CE9178;
-    --light-hl-5: #800000;
-    --dark-hl-5: #808080;
-    --light-hl-6: #800000;
-    --dark-hl-6: #569CD6;
-    --light-hl-7: #E50000;
-    --dark-hl-7: #9CDCFE;
-    --light-hl-8: #0000FF;
-    --dark-hl-8: #CE9178;
-    --light-hl-9: #000000FF;
-    --dark-hl-9: #D4D4D4;
-    --light-hl-10: #0000FF;
-    --dark-hl-10: #569CD6;
-    --light-hl-11: #795E26;
-    --dark-hl-11: #DCDCAA;
-    --light-hl-12: #098658;
-    --dark-hl-12: #B5CEA8;
-    --light-hl-13: #0070C1;
-    --dark-hl-13: #4FC1FF;
-    --light-hl-14: #267F99;
-    --dark-hl-14: #4EC9B0;
-    --light-hl-15: #800000;
-    --dark-hl-15: #D7BA7D;
-    --light-hl-16: #000000;
-    --dark-hl-16: #C8C8C8;
+    --light-hl-0: #000000;
+    --dark-hl-0: #D4D4D4;
+    --light-hl-1: #001080;
+    --dark-hl-1: #9CDCFE;
+    --light-hl-2: #A31515;
+    --dark-hl-2: #CE9178;
+    --light-hl-3: #098658;
+    --dark-hl-3: #B5CEA8;
+    --light-hl-4: #0000FF;
+    --dark-hl-4: #569CD6;
+    --light-hl-5: #0070C1;
+    --dark-hl-5: #4FC1FF;
+    --light-hl-6: #795E26;
+    --dark-hl-6: #DCDCAA;
+    --light-hl-7: #008000;
+    --dark-hl-7: #6A9955;
+    --light-hl-8: #000000;
+    --dark-hl-8: #C8C8C8;
+    --light-hl-9: #AF00DB;
+    --dark-hl-9: #C586C0;
+    --light-hl-10: #267F99;
+    --dark-hl-10: #4EC9B0;
     --light-code-background: #FFFFFF;
     --dark-code-background: #1E1E1E;
 }
@@ -49,12 +37,6 @@
     --hl-8: var(--light-hl-8);
     --hl-9: var(--light-hl-9);
     --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --hl-15: var(--light-hl-15);
-    --hl-16: var(--light-hl-16);
     --code-background: var(--light-code-background);
 } }
 
@@ -70,12 +52,6 @@
     --hl-8: var(--dark-hl-8);
     --hl-9: var(--dark-hl-9);
     --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --hl-15: var(--dark-hl-15);
-    --hl-16: var(--dark-hl-16);
     --code-background: var(--dark-code-background);
 } }
 
@@ -91,12 +67,6 @@
     --hl-8: var(--light-hl-8);
     --hl-9: var(--light-hl-9);
     --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --hl-15: var(--light-hl-15);
-    --hl-16: var(--light-hl-16);
     --code-background: var(--light-code-background);
 }
 
@@ -112,12 +82,6 @@
     --hl-8: var(--dark-hl-8);
     --hl-9: var(--dark-hl-9);
     --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --hl-15: var(--dark-hl-15);
-    --hl-16: var(--dark-hl-16);
     --code-background: var(--dark-code-background);
 }
 
@@ -132,10 +96,4 @@
 .hl-8 { color: var(--hl-8); }
 .hl-9 { color: var(--hl-9); }
 .hl-10 { color: var(--hl-10); }
-.hl-11 { color: var(--hl-11); }
-.hl-12 { color: var(--hl-12); }
-.hl-13 { color: var(--hl-13); }
-.hl-14 { color: var(--hl-14); }
-.hl-15 { color: var(--hl-15); }
-.hl-16 { color: var(--hl-16); }
 pre, code { background: var(--code-background); }
diff --git a/docs/assets/icons.js b/docs/html/assets/icons.js
similarity index 100%
rename from docs/assets/icons.js
rename to docs/html/assets/icons.js
diff --git a/docs/assets/icons.svg b/docs/html/assets/icons.svg
similarity index 100%
rename from docs/assets/icons.svg
rename to docs/html/assets/icons.svg
diff --git a/docs/assets/main.js b/docs/html/assets/main.js
similarity index 100%
rename from docs/assets/main.js
rename to docs/html/assets/main.js
diff --git a/docs/html/assets/navigation.js b/docs/html/assets/navigation.js
new file mode 100644
index 000000000..a160f4da9
--- /dev/null
+++ b/docs/html/assets/navigation.js
@@ -0,0 +1 @@
+window.navigationData = "eJydWE1z2jAQ/S+cM01DJ/3IrQFamJamAyQ9dHoQ9mI02JJHFp6knf73ytjYsiytRI/oPT/t29WubH7+GUl4lqO70cc4XkHGS/gUsdHVKCdyr1blSw7FtY692sssVYQDZfHobvz6w7ub2/Hfq1bnXgA55Jwy2amoHyB2JFJSHWwI3b7VRCaQpt95QSXlzCqjE1Ahnh4z9pBXvMK01QN9viY8y0kknVI66tOaTu9JAYssTyEDPVFRSopCyRmEvt7N+H1Pa0LSdEuigxlTh/jjmQqSJGSbgi2WFsTjqGgqAdZ6tShWrIrE857E2UkDhBjhee420oA+Iw0Nc9NRcEszd41nIdVtSHNeuGLRGHgonwWN17J3UrpgWhAP5wu8DKujFv2VWRJGEhC2vRsI31lletB29ap/73p6ucvZ4ngCV1DQ367D1YK4jZY2Jyz2KNWUi/QwjyYx0GyAZJiYT8kv87iYEkkcGjWICzyR9AjDU3Ra9h4jNcE2grBix0Vmj0FnYIHMStWwrrndA31BJaptp7Ajx1TvjpIIWtWluNbxvtYbXabq/vlm+XUwrTR3BgfzV1EXErIQSYPnk3UMsKDx1ZJO4xviuhOEWQAHzVeK9rGBY0PW7tSr54u2TwtXZwllljlkEILyWlMH70hGxYfUoKKf+sLtvrwopWVIQsv/Saf2kKvDUXLwTsv6yvLk+cwKSvE3HgMuVzGCpQpfhnVSsO+g43XJwUK/NAasIMkfNE7APfM0DiY3B5rspfPK62BUpJuts2cJLHbdwjYiJrzkxwLQ3PUYmBQ7ZlsQD2ItBWWJeVz6qO+coBGFBLOCyJ6gCsAfZDEIy/dzC/hir1+DNnzC1a5MWqVMRoBmrjqBlvbO7mDM2ppY/xholn0hrFXI1s0rANv2UdJUa/Tz1XRaHl5Iv/4BFgWj5Q=="
\ No newline at end of file
diff --git a/docs/html/assets/search.js b/docs/html/assets/search.js
new file mode 100644
index 000000000..7270a896b
--- /dev/null
+++ b/docs/html/assets/search.js
@@ -0,0 +1 @@
+window.searchData = "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";
\ No newline at end of file
diff --git a/docs/assets/style.css b/docs/html/assets/style.css
similarity index 100%
rename from docs/assets/style.css
rename to docs/html/assets/style.css
diff --git a/docs/html/classes/DDBaseImplement.html b/docs/html/classes/DDBaseImplement.html
new file mode 100644
index 000000000..5c80c1228
--- /dev/null
+++ b/docs/html/classes/DDBaseImplement.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDBaseImplement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDBaseImplement</a></li></ul><h1>Class DDBaseImplement<code class="tsd-tag">Abstract</code></h1></div><section class="tsd-panel tsd-hierarchy" data-refl="1393"><h4>Hierarchy (<a href="../hierarchy.html#DDBaseImplement">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">DDBaseImplement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="DDDraggable.html" class="tsd-signature-type tsd-kind-class">DDDraggable</a></li><li class="tsd-hierarchy-item"><a href="DDDroppable.html" class="tsd-signature-type tsd-kind-class">DDDroppable</a></li><li class="tsd-hierarchy-item"><a href="DDResizable.html" class="tsd-signature-type tsd-kind-class">DDResizable</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L7">dd-base-impl.ts:7</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#disabled" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
+<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#triggerevent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disabled"><span>disabled</span><a href="#disabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="disableddisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">disabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9">dd-base-impl.ts:9</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddbaseimplement"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDBaseImplement</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><a href="#constructorddbaseimplement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L34">dd-base-impl.ts:34</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L30">dd-base-impl.ts:30</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L26">dd-base-impl.ts:26</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L22">dd-base-impl.ts:22</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/EventCallback.html" class="tsd-signature-type tsd-kind-type-alias">EventCallback</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/EventCallback.html" class="tsd-signature-type tsd-kind-type-alias">EventCallback</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L18">dd-base-impl.ts:18</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="triggerevent"><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38">dd-base-impl.ts:38</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#disabled"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#triggerevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDDraggable.html b/docs/html/classes/DDDraggable.html
new file mode 100644
index 000000000..367f75d08
--- /dev/null
+++ b/docs/html/classes/DDDraggable.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDDraggable | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDDraggable</a></li></ul><h1>Class DDDraggable</h1></div><section class="tsd-panel tsd-hierarchy" data-refl="1066"><h4>Hierarchy (<a href="../hierarchy.html#DDDraggable">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">DDDraggable</span></li></ul></li></ul></section><section class="tsd-panel"><h4>Implements</h4><ul class="tsd-hierarchy"><li><a href="../interfaces/HTMLElementExtendOpt.html" class="tsd-signature-type tsd-kind-interface">HTMLElementExtendOpt</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">&gt;</span></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L34">dd-draggable.ts:34</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#disabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
+<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#triggerevent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
+<a href="#updateoption" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+<a href="#helper" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>helper</span></a>
+<a href="#option" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disabled"><span>disabled</span><a href="#disabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="disableddisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">disabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from DDBaseImplement.disabled</p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9">dd-base-impl.ts:9</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructordddraggable"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDDraggable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">option</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDDraggable</a><a href="#constructordddraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">option</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDDraggable</a></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65">dd-draggable.ts:65</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#destroy">destroy</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L118">dd-draggable.ts:118</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forDestroy</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forDestroy</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L105">dd-draggable.ts:105</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L91">dd-draggable.ts:91</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DDDragEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">DDDragEvent</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#off">off</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L87">dd-draggable.ts:87</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DDDragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">DDDragEvent</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#on">on</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L83">dd-draggable.ts:83</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="triggerevent"><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#triggerevent">triggerEvent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38">dd-base-impl.ts:38</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoption"><span>update<wbr/>Option</span><a href="#updateoption" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoption-1"><span class="tsd-kind-call-signature">updateOption</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDDraggable</a><a href="#updateoption-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDDraggable</a></h4><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#updateoption">updateOption</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L129">dd-draggable.ts:129</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#el">el</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65">dd-draggable.ts:65</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="helper"><span>helper</span><a href="#helper" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">helper</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L35">dd-draggable.ts:35</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="option"><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">option</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol"> = {}</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#option">option</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-draggable.ts#L65">dd-draggable.ts:65</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#disabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#triggerevent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a><a href="#updateoption"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#helper"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>helper</span></a><a href="#option"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDDroppable.html b/docs/html/classes/DDDroppable.html
new file mode 100644
index 000000000..590ac743d
--- /dev/null
+++ b/docs/html/classes/DDDroppable.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDDroppable | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDDroppable</a></li></ul><h1>Class DDDroppable</h1></div><section class="tsd-panel tsd-hierarchy" data-refl="1170"><h4>Hierarchy (<a href="../hierarchy.html#DDDroppable">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">DDDroppable</span></li></ul></li></ul></section><section class="tsd-panel"><h4>Implements</h4><ul class="tsd-hierarchy"><li><a href="../interfaces/HTMLElementExtendOpt.html" class="tsd-signature-type tsd-kind-interface">HTMLElementExtendOpt</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol">&gt;</span></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L23">dd-droppable.ts:23</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#disabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
+<a href="#drop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drop</span></a>
+<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#triggerevent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
+<a href="#updateoption" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#accept" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a>
+<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+<a href="#option" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disabled"><span>disabled</span><a href="#disabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="disableddisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">disabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from DDBaseImplement.disabled</p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9">dd-base-impl.ts:9</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructordddroppable"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDDroppable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">option</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDDroppable</a><a href="#constructordddroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">option</span>: <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDDroppable</a></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27">dd-droppable.ts:27</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#destroy">destroy</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L70">dd-droppable.ts:70</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forDestroy</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forDestroy</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L57">dd-droppable.ts:57</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drop"><span>drop</span><a href="#drop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="drop-1"><span class="tsd-kind-call-signature">drop</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#drop-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>item is being dropped on us - called by the drag mouseup handler - this calls the client drop event</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">MouseEvent</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L139">dd-droppable.ts:139</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L44">dd-droppable.ts:44</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;drop&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropover&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropout&quot;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">&quot;drop&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropover&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropout&quot;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#off">off</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L40">dd-droppable.ts:40</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;drop&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropover&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropout&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">&quot;drop&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropover&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropout&quot;</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#on">on</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L36">dd-droppable.ts:36</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="triggerevent"><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#triggerevent">triggerEvent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38">dd-base-impl.ts:38</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoption"><span>update<wbr/>Option</span><a href="#updateoption" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoption-1"><span class="tsd-kind-call-signature">updateOption</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDDroppable</a><a href="#updateoption-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDDroppable</a></h4><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#updateoption">updateOption</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L77">dd-droppable.ts:77</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="accept"><span>accept</span><a href="#accept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">accept</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L25">dd-droppable.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#el">el</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27">dd-droppable.ts:27</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="option"><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">option</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol"> = {}</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#option">option</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L27">dd-droppable.ts:27</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#disabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#drop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drop</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#triggerevent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a><a href="#updateoption"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#option"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDElement.html b/docs/html/classes/DDElement.html
new file mode 100644
index 000000000..a3bdf3504
--- /dev/null
+++ b/docs/html/classes/DDElement.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDElement</a></li></ul><h1>Class DDElement</h1></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L15">dd-element.ts:15</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#cleandraggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Draggable</span></a>
+<a href="#cleandroppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Droppable</span></a>
+<a href="#cleanresizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Resizable</span></a>
+<a href="#init" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#setupdraggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Draggable</span></a>
+<a href="#setupdroppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Droppable</span></a>
+<a href="#setupresizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Resizable</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#dddraggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Draggable?</span></a>
+<a href="#dddroppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Droppable?</span></a>
+<a href="#ddresizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Resizable?</span></a>
+<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddelement"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDElement</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#constructorddelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L26">dd-element.ts:26</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cleandraggable"><span>clean<wbr/>Draggable</span><a href="#cleandraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cleandraggable-1"><span class="tsd-kind-call-signature">cleanDraggable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#cleandraggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L59">dd-element.ts:59</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cleandroppable"><span>clean<wbr/>Droppable</span><a href="#cleandroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cleandroppable-1"><span class="tsd-kind-call-signature">cleanDroppable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#cleandroppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L93">dd-element.ts:93</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cleanresizable"><span>clean<wbr/>Resizable</span><a href="#cleanresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cleanresizable-1"><span class="tsd-kind-call-signature">cleanResizable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#cleanresizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L76">dd-element.ts:76</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="init"><code class="tsd-tag">Static</code><span>init</span><a href="#init" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="init-1"><span class="tsd-kind-call-signature">init</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#init-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L17">dd-element.ts:17</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L39">dd-element.ts:39</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L28">dd-element.ts:28</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setupdraggable"><span>setup<wbr/>Draggable</span><a href="#setupdraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setupdraggable-1"><span class="tsd-kind-call-signature">setupDraggable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#setupdraggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L50">dd-element.ts:50</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setupdroppable"><span>setup<wbr/>Droppable</span><a href="#setupdroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setupdroppable-1"><span class="tsd-kind-call-signature">setupDroppable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#setupdroppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDroppableOpt.html" class="tsd-signature-type tsd-kind-interface">DDDroppableOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L84">dd-element.ts:84</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setupresizable"><span>setup<wbr/>Resizable</span><a href="#setupresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setupresizable-1"><span class="tsd-kind-call-signature">setupResizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a><a href="#setupresizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDElement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L67">dd-element.ts:67</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dddraggable"><code class="tsd-tag">Optional</code><span>dd<wbr/>Draggable</span><a href="#dddraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">ddDraggable</span><span class="tsd-signature-symbol">?:</span> <a href="DDDraggable.html" class="tsd-signature-type tsd-kind-class">DDDraggable</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L22">dd-element.ts:22</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dddroppable"><code class="tsd-tag">Optional</code><span>dd<wbr/>Droppable</span><a href="#dddroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">ddDroppable</span><span class="tsd-signature-symbol">?:</span> <a href="DDDroppable.html" class="tsd-signature-type tsd-kind-class">DDDroppable</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L23">dd-element.ts:23</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="ddresizable"><code class="tsd-tag">Optional</code><span>dd<wbr/>Resizable</span><a href="#ddresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">ddResizable</span><span class="tsd-signature-symbol">?:</span> <a href="DDResizable.html" class="tsd-signature-type tsd-kind-class">DDResizable</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L24">dd-element.ts:24</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L26">dd-element.ts:26</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#cleandraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Draggable</span></a><a href="#cleandroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Droppable</span></a><a href="#cleanresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clean<wbr/>Resizable</span></a><a href="#init"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#setupdraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Draggable</span></a><a href="#setupdroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Droppable</span></a><a href="#setupresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Resizable</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#dddraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Draggable</span></a><a href="#dddroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Droppable</span></a><a href="#ddresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Resizable</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDGridStack.html b/docs/html/classes/DDGridStack.html
new file mode 100644
index 000000000..0a6cd8b68
--- /dev/null
+++ b/docs/html/classes/DDGridStack.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDGridStack | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDGridStack</a></li></ul><h1>Class DDGridStack</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>HTML Native Mouse and Touch Events Drag and Drop functionality.</p>
+</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L33">dd-gridstack.ts:33</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#draggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>draggable</span></a>
+<a href="#dragin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drag<wbr/>In</span></a>
+<a href="#droppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>droppable</span></a>
+<a href="#isdraggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Draggable</span></a>
+<a href="#isdroppable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Droppable</span></a>
+<a href="#isresizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Resizable</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddgridstack"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDGridStack</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#constructorddgridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="draggable"><span>draggable</span><a href="#draggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="draggable-1"><span class="tsd-kind-call-signature">draggable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#draggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L70">dd-gridstack.ts:70</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dragin"><span>drag<wbr/>In</span><a href="#dragin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="dragin-1"><span class="tsd-kind-call-signature">dragIn</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#dragin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L94">dd-gridstack.ts:94</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="droppable"><span>droppable</span><a href="#droppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="droppable-1"><span class="tsd-kind-call-signature">droppable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#droppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L99">dd-gridstack.ts:99</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isdraggable"><span>is<wbr/>Draggable</span><a href="#isdraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isdraggable-1"><span class="tsd-kind-call-signature">isDraggable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdraggable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is draggable</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L124">dd-gridstack.ts:124</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isdroppable"><span>is<wbr/>Droppable</span><a href="#isdroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isdroppable-1"><span class="tsd-kind-call-signature">isDroppable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isdroppable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is droppable</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L119">dd-gridstack.ts:119</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isresizable"><span>is<wbr/>Resizable</span><a href="#isresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isresizable-1"><span class="tsd-kind-call-signature">isResizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isresizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if element is draggable</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L129">dd-gridstack.ts:129</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L145">dd-gridstack.ts:145</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/DDCallback.html" class="tsd-signature-type tsd-kind-type-alias">DDCallback</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/DDCallback.html" class="tsd-signature-type tsd-kind-type-alias">DDCallback</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L133">dd-gridstack.ts:133</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizable-1"><span class="tsd-kind-call-signature">resizable</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">key</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">?:</span> <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#resizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">opts</span>: <span class="tsd-signature-type">any</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">key</span>: <a href="../types/DDKey.html" class="tsd-signature-type tsd-kind-type-alias">DDKey</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">value</span>: <a href="../types/DDValue.html" class="tsd-signature-type tsd-kind-type-alias">DDValue</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L35">dd-gridstack.ts:35</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>draggable</span></a><a href="#dragin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>drag<wbr/>In</span></a><a href="#droppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>droppable</span></a><a href="#isdraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Draggable</span></a><a href="#isdroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Droppable</span></a><a href="#isresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Resizable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDManager.html b/docs/html/classes/DDManager.html
new file mode 100644
index 000000000..89b5820c9
--- /dev/null
+++ b/docs/html/classes/DDManager.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDManager | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDManager</a></li></ul><h1>Class DDManager</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>globals that are shared across Drag &amp; Drop instances</p>
+</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L13">dd-manager.ts:13</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#dragelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag<wbr/>Element</span></a>
+<a href="#dropelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drop<wbr/>Element</span></a>
+<a href="#mousehandled" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>mouse<wbr/>Handled</span></a>
+<a href="#overresizeelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>over<wbr/>Resize<wbr/>Element</span></a>
+<a href="#pausedrag" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause<wbr/>Drag</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddmanager"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDManager</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDManager</a><a href="#constructorddmanager" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDManager</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dragelement"><code class="tsd-tag">Static</code><span>drag<wbr/>Element</span><a href="#dragelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">dragElement</span><span class="tsd-signature-symbol">:</span> <a href="DDDraggable.html" class="tsd-signature-type tsd-kind-class">DDDraggable</a></div><div class="tsd-comment tsd-typography"><p>item being dragged</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L21">dd-manager.ts:21</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="dropelement"><code class="tsd-tag">Static</code><span>drop<wbr/>Element</span><a href="#dropelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">dropElement</span><span class="tsd-signature-symbol">:</span> <a href="DDDroppable.html" class="tsd-signature-type tsd-kind-class">DDDroppable</a></div><div class="tsd-comment tsd-typography"><p>item we are currently over as drop target</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L24">dd-manager.ts:24</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="mousehandled"><code class="tsd-tag">Static</code><span>mouse<wbr/>Handled</span><a href="#mousehandled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">mouseHandled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true if a mouse down event was handled</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L18">dd-manager.ts:18</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="overresizeelement"><code class="tsd-tag">Static</code><span>over<wbr/>Resize<wbr/>Element</span><a href="#overresizeelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">overResizeElement</span><span class="tsd-signature-symbol">:</span> <a href="DDResizable.html" class="tsd-signature-type tsd-kind-class">DDResizable</a></div><div class="tsd-comment tsd-typography"><p>current item we're over for resizing purpose (ignore nested grid resize handles)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L27">dd-manager.ts:27</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pausedrag"><code class="tsd-tag">Static</code><span>pause<wbr/>Drag</span><a href="#pausedrag" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">pauseDrag</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if set (true | in msec), dragging placement (collision) will only happen after a pause by the user</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-manager.ts#L15">dd-manager.ts:15</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#dragelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag<wbr/>Element</span></a><a href="#dropelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drop<wbr/>Element</span></a><a href="#mousehandled"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>mouse<wbr/>Handled</span></a><a href="#overresizeelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>over<wbr/>Resize<wbr/>Element</span></a><a href="#pausedrag"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause<wbr/>Drag</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDResizable.html b/docs/html/classes/DDResizable.html
new file mode 100644
index 000000000..5912050ca
--- /dev/null
+++ b/docs/html/classes/DDResizable.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDResizable | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDResizable</a></li></ul><h1>Class DDResizable</h1></div><section class="tsd-panel tsd-hierarchy" data-refl="1253"><h4>Hierarchy (<a href="../hierarchy.html#DDResizable">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">DDResizable</span></li></ul></li></ul></section><section class="tsd-panel"><h4>Implements</h4><ul class="tsd-hierarchy"><li><a href="../interfaces/HTMLElementExtendOpt.html" class="tsd-signature-type tsd-kind-interface">HTMLElementExtendOpt</a><span class="tsd-signature-symbol">&lt;</span><a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol">&gt;</span></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L34">dd-resizable.ts:34</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#disabled" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
+<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
+<a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#triggerevent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
+<a href="#updateoption" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+<a href="#option" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="disabled"><span>disabled</span><a href="#disabled" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li><div class="tsd-signature" id="disableddisabled"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">disabled</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the enable state, but you have to call enable()/disable() to change (as other things need to happen)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from DDBaseImplement.disabled</p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L9">dd-base-impl.ts:9</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddresizable"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDResizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">option</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDResizable</a><a href="#constructorddresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">option</span>: <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDResizable</a></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61">dd-resizable.ts:61</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#destroy">destroy</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L91">dd-resizable.ts:91</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#disable">disable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L85">dd-resizable.ts:85</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#enable">enable</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L79">dd-resizable.ts:79</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;resize&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">&quot;resize&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#off">off</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L75">dd-resizable.ts:75</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;resize&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">&quot;resize&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span></span></li><li><span><span class="tsd-kind-parameter">callback</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Overrides <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#on">on</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L71">dd-resizable.ts:71</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="triggerevent"><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-inherited"><li class="tsd-is-inherited"><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">eventName</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">eventName</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><p>Inherited from <a href="DDBaseImplement.html">DDBaseImplement</a>.<a href="DDBaseImplement.html#triggerevent">triggerEvent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L38">dd-base-impl.ts:38</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoption"><span>update<wbr/>Option</span><a href="#updateoption" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoption-1"><span class="tsd-kind-call-signature">updateOption</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDResizable</a><a href="#updateoption-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDResizable</a></h4><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#updateoption">updateOption</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L98">dd-resizable.ts:98</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#el">el</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61">dd-resizable.ts:61</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="option"><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">option</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDResizableOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableOpt</a><span class="tsd-signature-symbol"> = {}</span></div><aside class="tsd-sources"><p>Implementation of <a href="../interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a>.<a href="../interfaces/HTMLElementExtendOpt.html#option">option</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L61">dd-resizable.ts:61</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#disabled" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>disabled</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#triggerevent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a><a href="#updateoption"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#option"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/DDResizableHandle.html b/docs/html/classes/DDResizableHandle.html
new file mode 100644
index 000000000..b9a91d0ab
--- /dev/null
+++ b/docs/html/classes/DDResizableHandle.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDResizableHandle | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDResizableHandle</a></li></ul><h1>Class DDResizableHandle</h1></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L15">dd-resizable-handle.ts:15</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#dir" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dir</span></a>
+<a href="#host" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>host</span></a>
+<a href="#option" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorddresizablehandle"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">DDResizableHandle</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">host</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">dir</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">option</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDResizableHandleOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableHandleOpt</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDResizableHandle</a><a href="#constructorddresizablehandle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">host</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><span class="tsd-kind-parameter">dir</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">option</span>: <a href="../interfaces/DDResizableHandleOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableHandleOpt</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDResizableHandle</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25">dd-resizable-handle.ts:25</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">DDResizableHandle</a><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call this when resize handle needs to be removed and cleaned up</p>
+</div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">DDResizableHandle</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L53">dd-resizable-handle.ts:53</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="dir"><code class="tsd-tag">Protected</code><span>dir</span><a href="#dir" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">dir</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25">dd-resizable-handle.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="host"><code class="tsd-tag">Protected</code><span>host</span><a href="#host" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">host</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25">dd-resizable-handle.ts:25</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="option"><code class="tsd-tag">Protected</code><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">option</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DDResizableHandleOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizableHandleOpt</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L25">dd-resizable-handle.ts:25</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#dir" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dir</span></a><a href="#host" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>host</span></a><a href="#option" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/classes/GridStack.html b/docs/html/classes/GridStack.html
similarity index 56%
rename from docs/classes/GridStack.html
rename to docs/html/classes/GridStack.html
index 469342c4c..3f54bb440 100644
--- a/docs/classes/GridStack.html
+++ b/docs/html/classes/GridStack.html
@@ -1,322 +1,321 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStack | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStack</a></li></ul><h1>Class GridStack</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Main gridstack class - you will need to call <code>GridStack.init()</code> first to initialize your grid.
 Note: your grid elements MUST have the following classes for the CSS layout to work:</p>
-</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example">Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">&lt;</span><span class="hl-0">div</span><span class="hl-1"> </span><span class="hl-0">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack&quot;</span><span class="hl-1">&gt;</span><br/><span class="hl-1">  &lt;</span><span class="hl-0">div</span><span class="hl-1"> </span><span class="hl-0">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item&quot;</span><span class="hl-1">&gt;</span><br/><span class="hl-1">    &lt;</span><span class="hl-0">div</span><span class="hl-1"> </span><span class="hl-0">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item-content&quot;</span><span class="hl-1">&gt;</span><span class="hl-0">Item</span><span class="hl-1"> </span><span class="hl-12">1</span><span class="hl-1">&lt;/</span><span class="hl-0">div</span><span class="hl-1">&gt;</span><br/><span class="hl-1">  &lt;/</span><span class="hl-0">div</span><span class="hl-1">&gt;</span><br/><span class="hl-1">&lt;/</span><span class="hl-0">div</span><span class="hl-1">&gt;</span>
+</div><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example">Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">&lt;</span><span class="hl-1">div</span><span class="hl-0"> </span><span class="hl-1">class</span><span class="hl-0">=</span><span class="hl-2">&quot;grid-stack&quot;</span><span class="hl-0">&gt;</span><br/><span class="hl-0">  &lt;</span><span class="hl-1">div</span><span class="hl-0"> </span><span class="hl-1">class</span><span class="hl-0">=</span><span class="hl-2">&quot;grid-stack-item&quot;</span><span class="hl-0">&gt;</span><br/><span class="hl-0">    &lt;</span><span class="hl-1">div</span><span class="hl-0"> </span><span class="hl-1">class</span><span class="hl-0">=</span><span class="hl-2">&quot;grid-stack-item-content&quot;</span><span class="hl-0">&gt;</span><span class="hl-1">Item</span><span class="hl-0"> </span><span class="hl-3">1</span><span class="hl-0">&lt;/</span><span class="hl-1">div</span><span class="hl-0">&gt;</span><br/><span class="hl-0">  &lt;/</span><span class="hl-1">div</span><span class="hl-0">&gt;</span><br/><span class="hl-0">&lt;/</span><span class="hl-1">div</span><span class="hl-0">&gt;</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L69">gridstack.ts:69</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#init" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a>
-<a href="#initall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>All</span></a>
+</div></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L76">gridstack.ts:76</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#_updateresizeevent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span></a>
+<a href="#_widthorcontainer" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>width<wbr/>Or<wbr/>Container</span></a>
 <a href="#addgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Grid</span></a>
-<a href="#registerengine" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>register<wbr/>Engine</span></a>
 <a href="#addwidget" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Widget</span></a>
-<a href="#createwidgetdivs" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Widget<wbr/>Divs</span></a>
-<a href="#makesubgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Sub<wbr/>Grid</span></a>
-<a href="#removeassubgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span></a>
-<a href="#save" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a>
-<a href="#load" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a>
 <a href="#batchupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a>
-<a href="#getcellheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>Height</span></a>
 <a href="#cellheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Height</span></a>
 <a href="#cellwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Width</span></a>
-<a href="#_widthorcontainer" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>width<wbr/>Or<wbr/>Container</span></a>
 <a href="#checkdynamiccolumn" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>check<wbr/>Dynamic<wbr/>Column</span></a>
-<a href="#compact" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a>
 <a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>column</span></a>
-<a href="#getcolumn" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Column</span></a>
-<a href="#getgriditems" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Grid<wbr/>Items</span></a>
-<a href="#isignorechangecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span></a>
+<a href="#commit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>commit</span></a>
+<a href="#compact" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a>
+<a href="#createwidgetdivs" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Widget<wbr/>Divs</span></a>
 <a href="#destroy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a>
+<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
+<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
+<a href="#enablemove" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Move</span></a>
+<a href="#enableresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Resize</span></a>
 <a href="#float" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>float</span></a>
-<a href="#getfloat" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Float</span></a>
 <a href="#getcellfrompixel" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>From<wbr/>Pixel</span></a>
+<a href="#getcellheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>Height</span></a>
+<a href="#getcolumn" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Column</span></a>
+<a href="#getdd" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>DD</span></a>
+<a href="#getfloat" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Float</span></a>
+<a href="#getgriditems" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Grid<wbr/>Items</span></a>
+<a href="#getmargin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Margin</span></a>
 <a href="#getrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a>
+<a href="#init" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a>
+<a href="#initall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>All</span></a>
 <a href="#isareaempty" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a>
+<a href="#isignorechangecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span></a>
+<a href="#load" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a>
+<a href="#makesubgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Sub<wbr/>Grid</span></a>
 <a href="#makewidget" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Widget</span></a>
-<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#margin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>margin</span></a>
+<a href="#movable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>movable</span></a>
 <a href="#off" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a>
 <a href="#offall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off<wbr/>All</span></a>
-<a href="#removewidget" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Widget</span></a>
+<a href="#on" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a>
+<a href="#onresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Resize</span></a>
+<a href="#preparedragdrop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Drag<wbr/>Drop</span></a>
+<a href="#registerengine" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>register<wbr/>Engine</span></a>
 <a href="#removeall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a>
-<a href="#setanimation" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Animation</span></a>
-<a href="#setstatic" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Static</span></a>
-<a href="#updateoptions" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Options</span></a>
-<a href="#update" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update</span></a>
+<a href="#removeassubgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span></a>
+<a href="#removewidget" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Widget</span></a>
+<a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a>
 <a href="#resizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resize<wbr/>To<wbr/>Content</span></a>
 <a href="#rotate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>rotate</span></a>
-<a href="#margin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>margin</span></a>
-<a href="#getmargin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Margin</span></a>
-<a href="#willitfit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a>
-<a href="#onresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Resize</span></a>
-<a href="#_updateresizeevent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span></a>
-<a href="#getdd" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>DD</span></a>
+<a href="#save" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a>
+<a href="#setanimation" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Animation</span></a>
+<a href="#setstatic" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Static</span></a>
 <a href="#setupdragin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Drag<wbr/>In</span></a>
-<a href="#movable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>movable</span></a>
-<a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a>
-<a href="#disable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a>
-<a href="#enable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a>
-<a href="#enablemove" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Move</span></a>
-<a href="#enableresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Resize</span></a>
-<a href="#preparedragdrop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Drag<wbr/>Drop</span></a>
 <a href="#triggerevent" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a>
-<a href="#commit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>commit</span></a>
+<a href="#update" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update</span></a>
+<a href="#updateoptions" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Options</span></a>
+<a href="#willitfit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a>
 </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#addremovecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>add<wbr/>Remove<wbr/>CB?</span></a>
-<a href="#savecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>save<wbr/>CB?</span></a>
-<a href="#rendercb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>render<wbr/>CB?</span></a>
-<a href="#updatecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>update<wbr/>CB?</span></a>
-<a href="#resizetocontentcb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>CB?</span></a>
-<a href="#resizetocontentparent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a>
-<a href="#utils" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Utils</span></a>
-<a href="#engine" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Engine</span></a>
-<a href="#engine-1" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine</span></a>
-<a href="#parentgridnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>parent<wbr/>Grid<wbr/>Node?</span></a>
 <a href="#animationdelay" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animation<wbr/>Delay</span></a>
+<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+<a href="#engine" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine</span></a>
+<a href="#engine-1" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Engine</span></a>
 <a href="#engineclass" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine<wbr/>Class</span></a>
+<a href="#opts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>opts</span></a>
+<a href="#parentgridnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>parent<wbr/>Grid<wbr/>Node?</span></a>
+<a href="#rendercb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>render<wbr/>CB?</span></a>
 <a href="#resizeobserver" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>Observer</span></a>
+<a href="#resizetocontentcb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>CB?</span></a>
+<a href="#resizetocontentparent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a>
 <a href="#responselayout" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>response<wbr/>Layout</span></a>
-<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
-<a href="#opts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>opts</span></a>
-<a href="#gdrev" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>GD<wbr/>Rev</span></a>
+<a href="#savecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>save<wbr/>CB?</span></a>
+<a href="#updatecb" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>update<wbr/>CB?</span></a>
+<a href="#utils" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Utils</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorgridstack"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">GridStack</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#constructorgridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Construct a grid item from the given element and options</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>the HTML element tied to this grid after it's been initialized</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grid options - public for classes to access, but use methods to modify!</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L256">gridstack.ts:256</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="init"><code class="tsd-tag">Static</code><span>init</span><a href="#init" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="init-1"><span class="tsd-kind-call-signature">init</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">elOrString</span><span class="tsd-signature-symbol">?:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#init-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
-simply return the existing instance (ignore any passed options). There is also an initAll() version that support
-multiple grids initialization at once. Or you can use addGrid() to create the entire grid from JSON.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grid options (optional)</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">elOrString</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol"> = &#39;.grid-stack&#39;</span></span><div class="tsd-comment tsd-typography"><p>element or CSS selector (first one used) to convert to a grid (default to '.grid-stack' class selector)</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-1">Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-11">HTMLElement</span><span class="hl-1"> (</span><span class="hl-10">of</span><span class="hl-1"> </span><span class="hl-0">type</span><span class="hl-1"> </span><span class="hl-0">GridHTMLElement</span><span class="hl-1">) </span><span class="hl-0">will</span><span class="hl-1"> </span><span class="hl-0">store</span><span class="hl-1"> </span><span class="hl-0">a</span><span class="hl-1"> </span><span class="hl-4">`gridstack: GridStack`</span><span class="hl-1"> </span><span class="hl-0">value</span><span class="hl-1"> </span><span class="hl-0">that</span><span class="hl-1"> </span><span class="hl-0">can</span><span class="hl-1"> </span><span class="hl-0">be</span><span class="hl-1"> </span><span class="hl-0">retrieve</span><span class="hl-1"> </span><span class="hl-0">later</span><br/><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">grid</span><span class="hl-1"> = </span><span class="hl-0">document</span><span class="hl-1">.</span><span class="hl-11">querySelector</span><span class="hl-1">(</span><span class="hl-4">&#39;.grid-stack&#39;</span><span class="hl-1">).</span><span class="hl-0">gridstack</span><span class="hl-1">;</span>
-</code><button type="button">Copy</button></pre>
-
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L84">gridstack.ts:84</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="initall"><code class="tsd-tag">Static</code><span>init<wbr/>All</span><a href="#initall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="initall-1"><span class="tsd-kind-call-signature">initAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">selector</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">[]</span><a href="#initall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Will initialize a list of elements (given a selector) and return an array of grids.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grid options (optional)</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">selector</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;.grid-stack&#39;</span></span><div class="tsd-comment tsd-typography"><p>elements selector to convert to grids (default to '.grid-stack' class selector)</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-2">Example<a href="#example-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">grids</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">initAll</span><span class="hl-1">();</span><br/><span class="hl-0">grids</span><span class="hl-1">.</span><span class="hl-11">forEach</span><span class="hl-1">(...)</span>
-</code><button type="button">Copy</button></pre>
-
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L111">gridstack.ts:111</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addgrid"><code class="tsd-tag">Static</code><span>add<wbr/>Grid</span><a href="#addgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addgrid-1"><span class="tsd-kind-call-signature">addGrid</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opt</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#addgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to create a grid with the given options, including loading any children from JSON structure. This will call GridStack.init(), then
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263">gridstack.ts:263</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_updateresizeevent"><code class="tsd-tag">Protected</code><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span><a href="#_updateresizeevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_updateresizeevent-1"><span class="tsd-kind-call-signature">_updateResizeEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forceRemove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#_updateresizeevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>add or remove the grid element size event handler</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forceRemove</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1829">gridstack.ts:1829</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_widthorcontainer"><code class="tsd-tag">Protected</code><span>_<wbr/>width<wbr/>Or<wbr/>Container</span><a href="#_widthorcontainer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_widthorcontainer-1"><span class="tsd-kind-call-signature">_widthOrContainer</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forBreakpoint</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#_widthorcontainer-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return our expected width (or parent) , and optionally of window for dynamic column check</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forBreakpoint</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L887">gridstack.ts:887</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addgrid"><code class="tsd-tag">Static</code><span>add<wbr/>Grid</span><a href="#addgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addgrid-1"><span class="tsd-kind-call-signature">addGrid</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opt</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#addgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to create a grid with the given options, including loading any children from JSON structure. This will call GridStack.init(), then
 grid.load() on any passed children (recursively). Great alternative to calling init() if you want entire grid to come from
 JSON serialized data, including options.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span><div class="tsd-comment tsd-typography"><p>HTML element parent to the grid</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">opt</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grids options used to initialize the grid, and list of children</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L134">gridstack.ts:134</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="registerengine"><code class="tsd-tag">Static</code><span>register<wbr/>Engine</span><a href="#registerengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="registerengine-1"><span class="tsd-kind-call-signature">registerEngine</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">engineClass</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#registerengine-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call this method to register your engine instead of the default one.
-See instead <code>GridStackOptions.engineClass</code> if you only need to
-replace just one instance.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">engineClass</span>: <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L165">gridstack.ts:165</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addwidget"><span>add<wbr/>Widget</span><a href="#addwidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addwidget-1"><span class="tsd-kind-call-signature">addWidget</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><a href="#addwidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>add a new widget and returns it.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L141">gridstack.ts:141</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addwidget"><span>add<wbr/>Widget</span><a href="#addwidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addwidget-1"><span class="tsd-kind-call-signature">addWidget</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><a href="#addwidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>add a new widget and returns it.</p>
 <p>Widget will be always placed even if result height is more than actual grid height.
 You need to use <code>willItFit()</code> before calling addWidget for additional check.
 See also <code>makeWidget(el)</code> for DOM element.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>GridStackWidget definition. used MakeWidget(el) if you have dom element instead.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-3">Example<a href="#example-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">({</span><span class="hl-0">w:</span><span class="hl-1"> </span><span class="hl-12">3</span><span class="hl-1">, </span><span class="hl-0">content:</span><span class="hl-1"> </span><span class="hl-4">&#39;hello&#39;</span><span class="hl-1">});</span>
-</code><button type="button">Copy</button></pre>
-
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L422">gridstack.ts:422</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="createwidgetdivs"><span>create<wbr/>Widget<wbr/>Divs</span><a href="#createwidgetdivs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="createwidgetdivs-1"><span class="tsd-kind-call-signature">createWidgetDivs</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#createwidgetdivs-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>create the default grid item divs, and content (possibly lazy loaded) by using GridStack.renderCB()</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L460">gridstack.ts:460</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="makesubgrid"><span>make<wbr/>Sub<wbr/>Grid</span><a href="#makesubgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="makesubgrid-1"><span class="tsd-kind-call-signature">makeSubGrid</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">ops</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nodeToAdd</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#makesubgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
-from the parent's subGrid options.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>gridItem element to convert</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">ops</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span><div class="tsd-comment tsd-typography"><p>(optional) sub-grid options, else default to node, then parent settings, else defaults</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">nodeToAdd</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span><div class="tsd-comment tsd-typography"><p>(optional) node to add to the newly created sub grid (used when dragging over existing regular item)</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveContent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if true (default) the html inside .grid-stack-content will be saved to child widget</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><p>newly created grid</p>
-<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L488">gridstack.ts:488</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeassubgrid"><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span><a href="#removeassubgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeassubgrid-1"><span class="tsd-kind-call-signature">removeAsSubGrid</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodeThatRemoved</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeassubgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
-to the original grid-item. Also called to remove empty sub-grids when last item is dragged out (since re-creating is simple)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">nodeThatRemoved</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L581">gridstack.ts:581</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="save"><span>save</span><a href="#save" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="save-1"><span class="tsd-kind-call-signature">save</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">saveContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveGridOpt</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><a href="#save-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>saves the current layout returning a list of widgets for serialization which might include any nested grids.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">saveContent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if true (default) the latest html inside .grid-stack-content will be saved to GridStackWidget.content field, else it will
-be removed.</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveGridOpt</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>if true (default false), save the grid options itself, so you can call the new GridStack.addGrid()
-to recreate everything from scratch. GridStackOptions.children would then contain the widget list instead.</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveCB</span>: <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol"> = GridStack.saveCB</span></span><div class="tsd-comment tsd-typography"><p>callback for each node -&gt; widget, so application can insert additional data to be saved into the widget data structure.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></h4><p>list of widgets or full grid option, including .children list of widgets</p>
-<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L612">gridstack.ts:612</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="load"><span>load</span><a href="#load" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="load-1"><span class="tsd-kind-call-signature">load</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">items</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">addRemove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#load-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>load the widgets from a list. This will call update() on each (matching by id) or add/remove widgets that are not there.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">items</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>list of widgets definition to update/create</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">addRemove</span>: <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a><span class="tsd-signature-symbol"> = ...</span></span><div class="tsd-comment tsd-typography"><p>boolean (default true) or callback method can be passed to control if and how missing widgets can be added/removed, giving
-the user control of insertion.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-4">Example<a href="#example-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">see</span><span class="hl-1"> </span><span class="hl-16">http</span><span class="hl-1">:</span><span class="hl-2">//gridstackjs.com/demo/serialization.html</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-1">Example<a href="#example-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-4">const</span><span class="hl-0"> </span><span class="hl-5">grid</span><span class="hl-0"> = </span><span class="hl-1">GridStack</span><span class="hl-0">.</span><span class="hl-6">init</span><span class="hl-0">();</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">addWidget</span><span class="hl-0">({</span><span class="hl-1">w:</span><span class="hl-0"> </span><span class="hl-3">3</span><span class="hl-0">, </span><span class="hl-1">content:</span><span class="hl-0"> </span><span class="hl-2">&#39;hello&#39;</span><span class="hl-0">});</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L674">gridstack.ts:674</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchupdate"><span>batch<wbr/>Update</span><a href="#batchupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="batchupdate-1"><span class="tsd-kind-call-signature">batchUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">flag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#batchupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>use before calling a bunch of <code>addWidget()</code> to prevent un-necessary relayouts in between (more efficient)
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L429">gridstack.ts:429</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchupdate"><span>batch<wbr/>Update</span><a href="#batchupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="batchupdate-1"><span class="tsd-kind-call-signature">batchUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">flag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#batchupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>use before calling a bunch of <code>addWidget()</code> to prevent un-necessary relayouts in between (more efficient)
 and get a single event callback. You will see no changes until <code>batchUpdate(false)</code> is called.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">flag</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L785">gridstack.ts:785</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcellheight"><span>get<wbr/>Cell<wbr/>Height</span><a href="#getcellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcellheight-1"><span class="tsd-kind-call-signature">getCellHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forcePixel</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getcellheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets current cell height.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forcePixel</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L799">gridstack.ts:799</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellheight"><span>cell<wbr/>Height</span><a href="#cellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cellheight-1"><span class="tsd-kind-call-signature">cellHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#cellheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Update current cell height - see <code>GridStackOptions.cellHeight</code> for format.
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">flag</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L792">gridstack.ts:792</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellheight"><span>cell<wbr/>Height</span><a href="#cellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cellheight-1"><span class="tsd-kind-call-signature">cellHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#cellheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Update current cell height - see <code>GridStackOptions.cellHeight</code> for format.
 This method rebuilds an internal CSS style sheet.
 Note: You can expect performance issues if call this method too often.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">val</span>: <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></span><div class="tsd-comment tsd-typography"><p>the cell height. If not passed (undefined), cells content will be made square (match width minus margin),
 if pass 0 the CSS will be generated by the application instead.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-5">Example<a href="#example-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">cellHeight</span><span class="hl-1">(</span><span class="hl-12">100</span><span class="hl-1">); </span><span class="hl-2">// same as 100px</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">cellHeight</span><span class="hl-1">(</span><span class="hl-4">&#39;70px&#39;</span><span class="hl-1">);</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">cellHeight</span><span class="hl-1">(</span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">cellWidth</span><span class="hl-1">() * </span><span class="hl-12">1.2</span><span class="hl-1">);</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-2">Example<a href="#example-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">cellHeight</span><span class="hl-0">(</span><span class="hl-3">100</span><span class="hl-0">); </span><span class="hl-7">// same as 100px</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">cellHeight</span><span class="hl-0">(</span><span class="hl-2">&#39;70px&#39;</span><span class="hl-0">);</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">cellHeight</span><span class="hl-0">(</span><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">cellWidth</span><span class="hl-0">() * </span><span class="hl-3">1.2</span><span class="hl-0">);</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L842">gridstack.ts:842</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellwidth"><span>cell<wbr/>Width</span><a href="#cellwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cellwidth-1"><span class="tsd-kind-call-signature">cellWidth</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#cellwidth-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets current cell width.</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L876">gridstack.ts:876</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_widthorcontainer"><code class="tsd-tag">Protected</code><span>_<wbr/>width<wbr/>Or<wbr/>Container</span><a href="#_widthorcontainer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_widthorcontainer-1"><span class="tsd-kind-call-signature">_widthOrContainer</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forBreakpoint</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#_widthorcontainer-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return our expected width (or parent) , and optionally of window for dynamic column check</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forBreakpoint</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L880">gridstack.ts:880</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="checkdynamiccolumn"><code class="tsd-tag">Protected</code><span>check<wbr/>Dynamic<wbr/>Column</span><a href="#checkdynamiccolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="checkdynamiccolumn-1"><span class="tsd-kind-call-signature">checkDynamicColumn</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#checkdynamiccolumn-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for dynamic column count for our current size, returning true if changed</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L886">gridstack.ts:886</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="compact"><span>compact</span><a href="#compact" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="compact-1"><span class="tsd-kind-call-signature">compact</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doSort</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#compact-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>re-layout grid items to reclaim any empty space. Options are:
-'list' keep the widget left-&gt;right order the same, even if that means leaving an empty slot if things don't fit
-'compact' might re-order items to fill any empty space</p>
-<p>doSort - 'false' to let you do your own sorting ahead in case you need to control a different order. (default to sort)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">layout</span>: <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol"> = &#39;compact&#39;</span></span></li><li><span><span class="tsd-kind-parameter">doSort</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L917">gridstack.ts:917</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="column-1"><span class="tsd-kind-call-signature">column</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#column-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>set the number of columns in the grid. Will update existing widgets to conform to new number of columns,
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L849">gridstack.ts:849</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellwidth"><span>cell<wbr/>Width</span><a href="#cellwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cellwidth-1"><span class="tsd-kind-call-signature">cellWidth</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#cellwidth-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets current cell width.</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L883">gridstack.ts:883</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="checkdynamiccolumn"><code class="tsd-tag">Protected</code><span>check<wbr/>Dynamic<wbr/>Column</span><a href="#checkdynamiccolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="checkdynamiccolumn-1"><span class="tsd-kind-call-signature">checkDynamicColumn</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#checkdynamiccolumn-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks for dynamic column count for our current size, returning true if changed</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L893">gridstack.ts:893</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="column-1"><span class="tsd-kind-call-signature">column</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#column-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>set the number of columns in the grid. Will update existing widgets to conform to new number of columns,
 as well as cache the original layout so you can revert back to previous positions without loss.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>Integer &gt; 0 (default 12).</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">layout</span>: <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol"> = &#39;moveScale&#39;</span></span><div class="tsd-comment tsd-typography"><p>specify the type of re-layout that will happen (position, size, etc...).
 Note: items will never be outside of the current column boundaries. default ('moveScale'). Ignored for 1 column</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L930">gridstack.ts:930</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcolumn"><span>get<wbr/>Column</span><a href="#getcolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcolumn-1"><span class="tsd-kind-call-signature">getColumn</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getcolumn-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the number of columns in the grid (default 12)</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L962">gridstack.ts:962</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getgriditems"><span>get<wbr/>Grid<wbr/>Items</span><a href="#getgriditems" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getgriditems-1"><span class="tsd-kind-call-signature">getGridItems</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">[]</span><a href="#getgriditems-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns an array of grid HTML elements (no placeholder) - used to iterate through our children in DOM order</p>
-</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L965">gridstack.ts:965</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isignorechangecb"><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span><a href="#isignorechangecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isignorechangecb-1"><span class="tsd-kind-call-signature">isIgnoreChangeCB</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isignorechangecb-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if changeCB should be ignored due to column change, sizeToContent, loading, etc... which caller can ignore for dirty flag case</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L971">gridstack.ts:971</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Destroys a grid instance. DO NOT CALL any methods or access any vars after this as it will free up members.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L937">gridstack.ts:937</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="commit"><span>commit</span><a href="#commit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="commit-1"><span class="tsd-kind-call-signature">commit</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#commit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2676">gridstack.ts:2676</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="compact"><span>compact</span><a href="#compact" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="compact-1"><span class="tsd-kind-call-signature">compact</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doSort</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#compact-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>re-layout grid items to reclaim any empty space. Options are:
+'list' keep the widget left-&gt;right order the same, even if that means leaving an empty slot if things don't fit
+'compact' might re-order items to fill any empty space</p>
+<p>doSort - 'false' to let you do your own sorting ahead in case you need to control a different order. (default to sort)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">layout</span>: <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol"> = &#39;compact&#39;</span></span></li><li><span><span class="tsd-kind-parameter">doSort</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L924">gridstack.ts:924</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="createwidgetdivs"><span>create<wbr/>Widget<wbr/>Divs</span><a href="#createwidgetdivs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="createwidgetdivs-1"><span class="tsd-kind-call-signature">createWidgetDivs</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#createwidgetdivs-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>create the default grid item divs, and content (possibly lazy loaded) by using GridStack.renderCB()</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L467">gridstack.ts:467</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="destroy"><span>destroy</span><a href="#destroy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="destroy-1"><span class="tsd-kind-call-signature">destroy</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#destroy-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Destroys a grid instance. DO NOT CALL any methods or access any vars after this as it will free up members.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> grid and items HTML elements will not be removed from the DOM (Optional. Default <code>true</code>).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L977">gridstack.ts:977</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="float"><span>float</span><a href="#float" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="float-1"><span class="tsd-kind-call-signature">float</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#float-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>enable/disable floating widgets (default: <code>false</code>) See <a href="http://gridstackjs.com/demo/float.html" target="_blank" class="external">example</a></p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1003">gridstack.ts:1003</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getfloat"><span>get<wbr/>Float</span><a href="#getfloat" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getfloat-1"><span class="tsd-kind-call-signature">getFloat</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#getfloat-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the current float mode</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1014">gridstack.ts:1014</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcellfrompixel"><span>get<wbr/>Cell<wbr/>From<wbr/>Pixel</span><a href="#getcellfrompixel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcellfrompixel-1"><span class="tsd-kind-call-signature">getCellFromPixel</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">position</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/MousePosition.html" class="tsd-signature-type tsd-kind-interface">MousePosition</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">useDocRelative</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/CellPosition.html" class="tsd-signature-type tsd-kind-interface">CellPosition</a><a href="#getcellfrompixel-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Get the position of the cell under a pixel on screen.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L984">gridstack.ts:984</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Temporarily disables widgets moving/resizing.
+If you want a more permanent way (which freezes up resources) use <code>setStatic(true)</code> instead.
+Note: no-op for static grid
+This is a shortcut for:</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-3">Example<a href="#example-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">enableMove</span><span class="hl-0">(</span><span class="hl-4">false</span><span class="hl-0">);</span><br/><span class="hl-0"> </span><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">enableResize</span><span class="hl-0">(</span><span class="hl-4">false</span><span class="hl-0">);</span>
+</code><button type="button">Copy</button></pre>
+
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1987">gridstack.ts:1987</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Re-enables widgets moving/resizing - see disable().
+Note: no-op for static grid.
+This is a shortcut for:</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-4">Example<a href="#example-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">enableMove</span><span class="hl-0">(</span><span class="hl-4">true</span><span class="hl-0">);</span><br/><span class="hl-0"> </span><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">enableResize</span><span class="hl-0">(</span><span class="hl-4">true</span><span class="hl-0">);</span>
+</code><button type="button">Copy</button></pre>
+
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2003">gridstack.ts:2003</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enablemove"><span>enable<wbr/>Move</span><a href="#enablemove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enablemove-1"><span class="tsd-kind-call-signature">enableMove</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doEnable</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enablemove-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/disables widget moving. No-op for static grids, and locally defined items still overrule</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">doEnable</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2015">gridstack.ts:2015</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enableresize"><span>enable<wbr/>Resize</span><a href="#enableresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enableresize-1"><span class="tsd-kind-call-signature">enableResize</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doEnable</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enableresize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/disables widget resizing. No-op for static grids.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">doEnable</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2029">gridstack.ts:2029</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="float"><span>float</span><a href="#float" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="float-1"><span class="tsd-kind-call-signature">float</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#float-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>enable/disable floating widgets (default: <code>false</code>) See <a href="http://gridstackjs.com/demo/float.html" target="_blank" class="external">example</a></p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1010">gridstack.ts:1010</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcellfrompixel"><span>get<wbr/>Cell<wbr/>From<wbr/>Pixel</span><a href="#getcellfrompixel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcellfrompixel-1"><span class="tsd-kind-call-signature">getCellFromPixel</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">position</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/MousePosition.html" class="tsd-signature-type tsd-kind-interface">MousePosition</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">useDocRelative</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/CellPosition.html" class="tsd-signature-type tsd-kind-interface">CellPosition</a><a href="#getcellfrompixel-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Get the position of the cell under a pixel on screen.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">position</span>: <a href="../interfaces/MousePosition.html" class="tsd-signature-type tsd-kind-interface">MousePosition</a></span><div class="tsd-comment tsd-typography"><p>the position of the pixel to resolve in
 absolute coordinates, as an object with top and left properties</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">useDocRelative</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>if true, value will be based on document position vs parent position (Optional. Default false).
 Useful when grid is within <code>position: relative</code> element</p>
 <p>Returns an object with properties <code>x</code> and <code>y</code> i.e. the column and row in the grid.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/CellPosition.html" class="tsd-signature-type tsd-kind-interface">CellPosition</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1027">gridstack.ts:1027</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getrow"><span>get<wbr/>Row</span><a href="#getrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getrow-1"><span class="tsd-kind-call-signature">getRow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getrow-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the current number of rows, which will be at least <code>minRow</code> if set</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1048">gridstack.ts:1048</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isareaempty"><span>is<wbr/>Area<wbr/>Empty</span><a href="#isareaempty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isareaempty-1"><span class="tsd-kind-call-signature">isAreaEmpty</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isareaempty-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if specified area is empty.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/CellPosition.html" class="tsd-signature-type tsd-kind-interface">CellPosition</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1034">gridstack.ts:1034</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcellheight"><span>get<wbr/>Cell<wbr/>Height</span><a href="#getcellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcellheight-1"><span class="tsd-kind-call-signature">getCellHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forcePixel</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getcellheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets current cell height.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forcePixel</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L806">gridstack.ts:806</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getcolumn"><span>get<wbr/>Column</span><a href="#getcolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getcolumn-1"><span class="tsd-kind-call-signature">getColumn</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getcolumn-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the number of columns in the grid (default 12)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L969">gridstack.ts:969</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getdd"><code class="tsd-tag">Static</code><span>get<wbr/>DD</span><a href="#getdd" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getdd-1"><span class="tsd-kind-call-signature">getDD</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="DDGridStack.html" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#getdd-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the global (but static to this code) DD implementation</p>
+</div><h4 class="tsd-returns-title">Returns <a href="DDGridStack.html" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1918">gridstack.ts:1918</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getfloat"><span>get<wbr/>Float</span><a href="#getfloat" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getfloat-1"><span class="tsd-kind-call-signature">getFloat</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#getfloat-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the current float mode</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1021">gridstack.ts:1021</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getgriditems"><span>get<wbr/>Grid<wbr/>Items</span><a href="#getgriditems" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getgriditems-1"><span class="tsd-kind-call-signature">getGridItems</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">[]</span><a href="#getgriditems-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns an array of grid HTML elements (no placeholder) - used to iterate through our children in DOM order</p>
+</div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L972">gridstack.ts:972</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getmargin"><span>get<wbr/>Margin</span><a href="#getmargin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getmargin-1"><span class="tsd-kind-call-signature">getMargin</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getmargin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns current margin number value (undefined if 4 sides don't match)</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1526">gridstack.ts:1526</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getrow"><span>get<wbr/>Row</span><a href="#getrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getrow-1"><span class="tsd-kind-call-signature">getRow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getrow-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the current number of rows, which will be at least <code>minRow</code> if set</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1055">gridstack.ts:1055</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="init"><code class="tsd-tag">Static</code><span>init</span><a href="#init" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="init-1"><span class="tsd-kind-call-signature">init</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">elOrString</span><span class="tsd-signature-symbol">?:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#init-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
+simply return the existing instance (ignore any passed options). There is also an initAll() version that support
+multiple grids initialization at once. Or you can use addGrid() to create the entire grid from JSON.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grid options (optional)</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">elOrString</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol"> = &#39;.grid-stack&#39;</span></span><div class="tsd-comment tsd-typography"><p>element or CSS selector (first one used) to convert to a grid (default to '.grid-stack' class selector)</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-5">Example<a href="#example-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-4">const</span><span class="hl-0"> </span><span class="hl-5">grid</span><span class="hl-0"> = </span><span class="hl-1">GridStack</span><span class="hl-0">.</span><span class="hl-6">init</span><span class="hl-0">();</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-6">HTMLElement</span><span class="hl-0"> (</span><span class="hl-4">of</span><span class="hl-0"> </span><span class="hl-1">type</span><span class="hl-0"> </span><span class="hl-1">GridHTMLElement</span><span class="hl-0">) </span><span class="hl-1">will</span><span class="hl-0"> </span><span class="hl-1">store</span><span class="hl-0"> </span><span class="hl-1">a</span><span class="hl-0"> </span><span class="hl-2">`gridstack: GridStack`</span><span class="hl-0"> </span><span class="hl-1">value</span><span class="hl-0"> </span><span class="hl-1">that</span><span class="hl-0"> </span><span class="hl-1">can</span><span class="hl-0"> </span><span class="hl-1">be</span><span class="hl-0"> </span><span class="hl-1">retrieve</span><span class="hl-0"> </span><span class="hl-1">later</span><br/><span class="hl-4">const</span><span class="hl-0"> </span><span class="hl-5">grid</span><span class="hl-0"> = </span><span class="hl-1">document</span><span class="hl-0">.</span><span class="hl-6">querySelector</span><span class="hl-0">(</span><span class="hl-2">&#39;.grid-stack&#39;</span><span class="hl-0">).</span><span class="hl-1">gridstack</span><span class="hl-0">;</span>
+</code><button type="button">Copy</button></pre>
+
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L91">gridstack.ts:91</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="initall"><code class="tsd-tag">Static</code><span>init<wbr/>All</span><a href="#initall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="initall-1"><span class="tsd-kind-call-signature">initAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">selector</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">[]</span><a href="#initall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Will initialize a list of elements (given a selector) and return an array of grids.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></span><div class="tsd-comment tsd-typography"><p>grid options (optional)</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">selector</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;.grid-stack&#39;</span></span><div class="tsd-comment tsd-typography"><p>elements selector to convert to grids (default to '.grid-stack' class selector)</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-6">Example<a href="#example-6" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-4">const</span><span class="hl-0"> </span><span class="hl-5">grids</span><span class="hl-0"> = </span><span class="hl-1">GridStack</span><span class="hl-0">.</span><span class="hl-6">initAll</span><span class="hl-0">();</span><br/><span class="hl-1">grids</span><span class="hl-0">.</span><span class="hl-6">forEach</span><span class="hl-0">(...)</span>
+</code><button type="button">Copy</button></pre>
+
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L118">gridstack.ts:118</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isareaempty"><span>is<wbr/>Area<wbr/>Empty</span><a href="#isareaempty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isareaempty-1"><span class="tsd-kind-call-signature">isAreaEmpty</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isareaempty-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Checks if specified area is empty.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">x</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>the position x.</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">y</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>the position y.</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">w</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>the width of to check</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">h</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>the height of to check</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1059">gridstack.ts:1059</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="makewidget"><span>make<wbr/>Widget</span><a href="#makewidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="makewidget-1"><span class="tsd-kind-call-signature">makeWidget</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><a href="#makewidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>If you add elements to your grid by hand (or have some framework creating DOM), you have to tell gridstack afterwards to make them widgets.
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1066">gridstack.ts:1066</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isignorechangecb"><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span><a href="#isignorechangecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isignorechangecb-1"><span class="tsd-kind-call-signature">isIgnoreChangeCB</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isignorechangecb-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if changeCB should be ignored due to column change, sizeToContent, loading, etc... which caller can ignore for dirty flag case</p>
+</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L978">gridstack.ts:978</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="load"><span>load</span><a href="#load" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="load-1"><span class="tsd-kind-call-signature">load</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">items</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">addRemove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#load-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>load the widgets from a list. This will call update() on each (matching by id) or add/remove widgets that are not there.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">items</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>list of widgets definition to update/create</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">addRemove</span>: <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a><span class="tsd-signature-symbol"> = ...</span></span><div class="tsd-comment tsd-typography"><p>boolean (default true) or callback method can be passed to control if and how missing widgets can be added/removed, giving
+the user control of insertion.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-7">Example<a href="#example-7" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">see</span><span class="hl-0"> </span><span class="hl-8">http</span><span class="hl-0">:</span><span class="hl-7">//gridstackjs.com/demo/serialization.html</span>
+</code><button type="button">Copy</button></pre>
+
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L681">gridstack.ts:681</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="makesubgrid"><span>make<wbr/>Sub<wbr/>Grid</span><a href="#makesubgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="makesubgrid-1"><span class="tsd-kind-call-signature">makeSubGrid</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">ops</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nodeToAdd</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#makesubgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
+from the parent's subGrid options.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>gridItem element to convert</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">ops</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span><div class="tsd-comment tsd-typography"><p>(optional) sub-grid options, else default to node, then parent settings, else defaults</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">nodeToAdd</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span><div class="tsd-comment tsd-typography"><p>(optional) node to add to the newly created sub grid (used when dragging over existing regular item)</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveContent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if true (default) the html inside .grid-stack-content will be saved to child widget</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><p>newly created grid</p>
+<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L495">gridstack.ts:495</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="makewidget"><span>make<wbr/>Widget</span><a href="#makewidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="makewidget-1"><span class="tsd-kind-call-signature">makeWidget</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">options</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><a href="#makewidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>If you add elements to your grid by hand (or have some framework creating DOM), you have to tell gridstack afterwards to make them widgets.
 If you want gridstack to add the elements for you, use <code>addWidget()</code> instead.
 Makes the given element a widget and returns it.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or single selector to convert.</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">options</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>widget definition to use instead of reading attributes or using default sizing values</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-6">Example<a href="#example-6" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-0">innerHtml</span><span class="hl-1"> = </span><span class="hl-4">&#39;&lt;div id=&quot;1&quot; gs-w=&quot;3&quot;&gt;&lt;/div&gt;&lt;div id=&quot;2&quot;&gt;&lt;/div&gt;&#39;</span><span class="hl-1">;</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">makeWidget</span><span class="hl-1">(</span><span class="hl-4">&#39;1&#39;</span><span class="hl-1">);</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">makeWidget</span><span class="hl-1">(</span><span class="hl-4">&#39;2&#39;</span><span class="hl-1">, {</span><span class="hl-0">w:</span><span class="hl-12">2</span><span class="hl-1">, </span><span class="hl-0">content:</span><span class="hl-1"> </span><span class="hl-4">&#39;hello&#39;</span><span class="hl-1">});</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-8">Example<a href="#example-8" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-4">const</span><span class="hl-0"> </span><span class="hl-5">grid</span><span class="hl-0"> = </span><span class="hl-1">GridStack</span><span class="hl-0">.</span><span class="hl-6">init</span><span class="hl-0">();</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-1">innerHtml</span><span class="hl-0"> = </span><span class="hl-2">&#39;&lt;div id=&quot;1&quot; gs-w=&quot;3&quot;&gt;&lt;/div&gt;&lt;div id=&quot;2&quot;&gt;&lt;/div&gt;&#39;</span><span class="hl-0">;</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">makeWidget</span><span class="hl-0">(</span><span class="hl-2">&#39;1&#39;</span><span class="hl-0">);</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">makeWidget</span><span class="hl-0">(</span><span class="hl-2">&#39;2&#39;</span><span class="hl-0">, {</span><span class="hl-1">w:</span><span class="hl-3">2</span><span class="hl-0">, </span><span class="hl-1">content:</span><span class="hl-0"> </span><span class="hl-2">&#39;hello&#39;</span><span class="hl-0">});</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1076">gridstack.ts:1076</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;dropped&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackDroppedHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackDroppedHandler</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1083">gridstack.ts:1083</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margin"><span>margin</span><a href="#margin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="margin-1"><span class="tsd-kind-call-signature">margin</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#margin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the margins which will set all 4 sides at once - see <code>GridStackOptions.margin</code> for format options (CSS string format of 1,2,4 values or single number).</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">value</span>: <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></span><div class="tsd-comment tsd-typography"><p>margin value</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1510">gridstack.ts:1510</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movable"><span>movable</span><a href="#movable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movable-1"><span class="tsd-kind-call-signature">movable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#movable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/Disables dragging by the user of specific grid element. If you want all items, and have it affect future items, use enableMove() instead. No-op for static grids.
+IF you are looking to prevent an item from moving (due to being pushed around by another during collision) use locked property instead.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector to modify.</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true widget will be draggable, assuming the parent grid isn't noMove or static.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1950">gridstack.ts:1950</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>unsubscribe from the 'on' event GridStackEvent</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1163">gridstack.ts:1163</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="offall"><span>off<wbr/>All</span><a href="#offall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="offall-1"><span class="tsd-kind-call-signature">offAll</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#offall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>remove all event handlers</p>
+</div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1183">gridstack.ts:1183</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="on"><span>on</span><a href="#on" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="on-1"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;dropped&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackDroppedHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackDroppedHandler</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
 notifications (see doc for supported events)</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">&quot;dropped&quot;</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/GridStackDroppedHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackDroppedHandler</a></span><div class="tsd-comment tsd-typography"><p>function called with event and optional second/third param
 (see README documentation for each signature).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-7">Example<a href="#example-7" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><span class="hl-0">or</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added removed change&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">type</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-10">in</span><span class="hl-1"> </span><span class="hl-0">some</span><span class="hl-1"> </span><span class="hl-0">cases</span><span class="hl-1"> </span><span class="hl-0">it</span><span class="hl-1"> </span><span class="hl-0">is</span><span class="hl-1"> </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-0">same</span><span class="hl-1"> </span><span class="hl-3">as</span><span class="hl-1"> </span><span class="hl-14">calling</span><span class="hl-1"> </span><span class="hl-14">native</span><span class="hl-1"> </span><span class="hl-14">handler</span><span class="hl-1"> </span><span class="hl-14">and</span><span class="hl-1"> </span><span class="hl-14">parsing</span><span class="hl-1"> </span><span class="hl-14">the</span><span class="hl-1"> </span><span class="hl-14">event</span><span class="hl-1">.</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-11">addEventListener</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">event</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">event</span><span class="hl-1">.</span><span class="hl-0">detail</span><span class="hl-1">)} );</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-9">Example<a href="#example-9" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><span class="hl-1">or</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added removed change&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">.</span><span class="hl-1">type</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-4">in</span><span class="hl-0"> </span><span class="hl-1">some</span><span class="hl-0"> </span><span class="hl-1">cases</span><span class="hl-0"> </span><span class="hl-1">it</span><span class="hl-0"> </span><span class="hl-1">is</span><span class="hl-0"> </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-1">same</span><span class="hl-0"> </span><span class="hl-9">as</span><span class="hl-0"> </span><span class="hl-10">calling</span><span class="hl-0"> </span><span class="hl-10">native</span><span class="hl-0"> </span><span class="hl-10">handler</span><span class="hl-0"> </span><span class="hl-10">and</span><span class="hl-0"> </span><span class="hl-10">parsing</span><span class="hl-0"> </span><span class="hl-10">the</span><span class="hl-0"> </span><span class="hl-10">event</span><span class="hl-0">.</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-6">addEventListener</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">event</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">event</span><span class="hl-0">.</span><span class="hl-1">detail</span><span class="hl-0">)} );</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1119">gridstack.ts:1119</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-2"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;enable&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;disable&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackEventHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandler</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1126">gridstack.ts:1126</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-2"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;enable&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;disable&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackEventHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandler</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
 notifications (see doc for supported events)</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">&quot;enable&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;disable&quot;</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/GridStackEventHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandler</a></span><div class="tsd-comment tsd-typography"><p>function called with event and optional second/third param
 (see README documentation for each signature).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-8">Example<a href="#example-8" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><span class="hl-0">or</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added removed change&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">type</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-10">in</span><span class="hl-1"> </span><span class="hl-0">some</span><span class="hl-1"> </span><span class="hl-0">cases</span><span class="hl-1"> </span><span class="hl-0">it</span><span class="hl-1"> </span><span class="hl-0">is</span><span class="hl-1"> </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-0">same</span><span class="hl-1"> </span><span class="hl-3">as</span><span class="hl-1"> </span><span class="hl-14">calling</span><span class="hl-1"> </span><span class="hl-14">native</span><span class="hl-1"> </span><span class="hl-14">handler</span><span class="hl-1"> </span><span class="hl-14">and</span><span class="hl-1"> </span><span class="hl-14">parsing</span><span class="hl-1"> </span><span class="hl-14">the</span><span class="hl-1"> </span><span class="hl-14">event</span><span class="hl-1">.</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-11">addEventListener</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">event</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">event</span><span class="hl-1">.</span><span class="hl-0">detail</span><span class="hl-1">)} );</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-10">Example<a href="#example-10" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><span class="hl-1">or</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added removed change&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">.</span><span class="hl-1">type</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-4">in</span><span class="hl-0"> </span><span class="hl-1">some</span><span class="hl-0"> </span><span class="hl-1">cases</span><span class="hl-0"> </span><span class="hl-1">it</span><span class="hl-0"> </span><span class="hl-1">is</span><span class="hl-0"> </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-1">same</span><span class="hl-0"> </span><span class="hl-9">as</span><span class="hl-0"> </span><span class="hl-10">calling</span><span class="hl-0"> </span><span class="hl-10">native</span><span class="hl-0"> </span><span class="hl-10">handler</span><span class="hl-0"> </span><span class="hl-10">and</span><span class="hl-0"> </span><span class="hl-10">parsing</span><span class="hl-0"> </span><span class="hl-10">the</span><span class="hl-0"> </span><span class="hl-10">event</span><span class="hl-0">.</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-6">addEventListener</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">event</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">event</span><span class="hl-0">.</span><span class="hl-1">detail</span><span class="hl-0">)} );</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1120">gridstack.ts:1120</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-3"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;removed&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;change&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;added&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizecontent&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackNodesHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackNodesHandler</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1127">gridstack.ts:1127</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-3"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;removed&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;change&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;added&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizecontent&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackNodesHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackNodesHandler</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
 notifications (see doc for supported events)</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">&quot;removed&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;change&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;added&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizecontent&quot;</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/GridStackNodesHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackNodesHandler</a></span><div class="tsd-comment tsd-typography"><p>function called with event and optional second/third param
 (see README documentation for each signature).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-9">Example<a href="#example-9" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><span class="hl-0">or</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added removed change&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">type</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-10">in</span><span class="hl-1"> </span><span class="hl-0">some</span><span class="hl-1"> </span><span class="hl-0">cases</span><span class="hl-1"> </span><span class="hl-0">it</span><span class="hl-1"> </span><span class="hl-0">is</span><span class="hl-1"> </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-0">same</span><span class="hl-1"> </span><span class="hl-3">as</span><span class="hl-1"> </span><span class="hl-14">calling</span><span class="hl-1"> </span><span class="hl-14">native</span><span class="hl-1"> </span><span class="hl-14">handler</span><span class="hl-1"> </span><span class="hl-14">and</span><span class="hl-1"> </span><span class="hl-14">parsing</span><span class="hl-1"> </span><span class="hl-14">the</span><span class="hl-1"> </span><span class="hl-14">event</span><span class="hl-1">.</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-11">addEventListener</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">event</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">event</span><span class="hl-1">.</span><span class="hl-0">detail</span><span class="hl-1">)} );</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-11">Example<a href="#example-11" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><span class="hl-1">or</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added removed change&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">.</span><span class="hl-1">type</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-4">in</span><span class="hl-0"> </span><span class="hl-1">some</span><span class="hl-0"> </span><span class="hl-1">cases</span><span class="hl-0"> </span><span class="hl-1">it</span><span class="hl-0"> </span><span class="hl-1">is</span><span class="hl-0"> </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-1">same</span><span class="hl-0"> </span><span class="hl-9">as</span><span class="hl-0"> </span><span class="hl-10">calling</span><span class="hl-0"> </span><span class="hl-10">native</span><span class="hl-0"> </span><span class="hl-10">handler</span><span class="hl-0"> </span><span class="hl-10">and</span><span class="hl-0"> </span><span class="hl-10">parsing</span><span class="hl-0"> </span><span class="hl-10">the</span><span class="hl-0"> </span><span class="hl-10">event</span><span class="hl-0">.</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-6">addEventListener</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">event</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">event</span><span class="hl-0">.</span><span class="hl-1">detail</span><span class="hl-0">)} );</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1121">gridstack.ts:1121</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-4"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resize&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;drag&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstart&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstop&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElementHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElementHandler</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1128">gridstack.ts:1128</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-4"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resize&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;drag&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstart&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstop&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElementHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElementHandler</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
 notifications (see doc for supported events)</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">&quot;resize&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;drag&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstop&quot;</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/GridStackElementHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElementHandler</a></span><div class="tsd-comment tsd-typography"><p>function called with event and optional second/third param
 (see README documentation for each signature).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-10">Example<a href="#example-10" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><span class="hl-0">or</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added removed change&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">type</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-10">in</span><span class="hl-1"> </span><span class="hl-0">some</span><span class="hl-1"> </span><span class="hl-0">cases</span><span class="hl-1"> </span><span class="hl-0">it</span><span class="hl-1"> </span><span class="hl-0">is</span><span class="hl-1"> </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-0">same</span><span class="hl-1"> </span><span class="hl-3">as</span><span class="hl-1"> </span><span class="hl-14">calling</span><span class="hl-1"> </span><span class="hl-14">native</span><span class="hl-1"> </span><span class="hl-14">handler</span><span class="hl-1"> </span><span class="hl-14">and</span><span class="hl-1"> </span><span class="hl-14">parsing</span><span class="hl-1"> </span><span class="hl-14">the</span><span class="hl-1"> </span><span class="hl-14">event</span><span class="hl-1">.</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-11">addEventListener</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">event</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">event</span><span class="hl-1">.</span><span class="hl-0">detail</span><span class="hl-1">)} );</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-12">Example<a href="#example-12" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><span class="hl-1">or</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added removed change&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">.</span><span class="hl-1">type</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-4">in</span><span class="hl-0"> </span><span class="hl-1">some</span><span class="hl-0"> </span><span class="hl-1">cases</span><span class="hl-0"> </span><span class="hl-1">it</span><span class="hl-0"> </span><span class="hl-1">is</span><span class="hl-0"> </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-1">same</span><span class="hl-0"> </span><span class="hl-9">as</span><span class="hl-0"> </span><span class="hl-10">calling</span><span class="hl-0"> </span><span class="hl-10">native</span><span class="hl-0"> </span><span class="hl-10">handler</span><span class="hl-0"> </span><span class="hl-10">and</span><span class="hl-0"> </span><span class="hl-10">parsing</span><span class="hl-0"> </span><span class="hl-10">the</span><span class="hl-0"> </span><span class="hl-10">event</span><span class="hl-0">.</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-6">addEventListener</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">event</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">event</span><span class="hl-0">.</span><span class="hl-1">detail</span><span class="hl-0">)} );</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1122">gridstack.ts:1122</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-5"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackEventHandlerCallback.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandlerCallback</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1129">gridstack.ts:1129</a></li></ul></aside></div></li><li class=""><div class="tsd-signature tsd-anchor-link" id="on-5"><span class="tsd-kind-call-signature">on</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">callback</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackEventHandlerCallback.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandlerCallback</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#on-5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Event handler that extracts our CustomEvent data out automatically for receiving custom
 notifications (see doc for supported events)</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">callback</span>: <a href="../types/GridStackEventHandlerCallback.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandlerCallback</a></span><div class="tsd-comment tsd-typography"><p>function called with event and optional second/third param
 (see README documentation for each signature).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-11">Example<a href="#example-11" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><span class="hl-0">or</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added removed change&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">type</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">)} );</span><br/><br/><span class="hl-16">Note</span><span class="hl-1">: </span><span class="hl-10">in</span><span class="hl-1"> </span><span class="hl-0">some</span><span class="hl-1"> </span><span class="hl-0">cases</span><span class="hl-1"> </span><span class="hl-0">it</span><span class="hl-1"> </span><span class="hl-0">is</span><span class="hl-1"> </span><span class="hl-0">the</span><span class="hl-1"> </span><span class="hl-0">same</span><span class="hl-1"> </span><span class="hl-3">as</span><span class="hl-1"> </span><span class="hl-14">calling</span><span class="hl-1"> </span><span class="hl-14">native</span><span class="hl-1"> </span><span class="hl-14">handler</span><span class="hl-1"> </span><span class="hl-14">and</span><span class="hl-1"> </span><span class="hl-14">parsing</span><span class="hl-1"> </span><span class="hl-14">the</span><span class="hl-1"> </span><span class="hl-14">event</span><span class="hl-1">.</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-11">addEventListener</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">event</span><span class="hl-1">) { </span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;added &#39;</span><span class="hl-1">, </span><span class="hl-0">event</span><span class="hl-1">.</span><span class="hl-0">detail</span><span class="hl-1">)} );</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-13">Example<a href="#example-13" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><span class="hl-1">or</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">on</span><span class="hl-0">(</span><span class="hl-2">&#39;added removed change&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-1">e</span><span class="hl-0">.</span><span class="hl-1">type</span><span class="hl-0">, </span><span class="hl-1">items</span><span class="hl-0">)} );</span><br/><br/><span class="hl-8">Note</span><span class="hl-0">: </span><span class="hl-4">in</span><span class="hl-0"> </span><span class="hl-1">some</span><span class="hl-0"> </span><span class="hl-1">cases</span><span class="hl-0"> </span><span class="hl-1">it</span><span class="hl-0"> </span><span class="hl-1">is</span><span class="hl-0"> </span><span class="hl-1">the</span><span class="hl-0"> </span><span class="hl-1">same</span><span class="hl-0"> </span><span class="hl-9">as</span><span class="hl-0"> </span><span class="hl-10">calling</span><span class="hl-0"> </span><span class="hl-10">native</span><span class="hl-0"> </span><span class="hl-10">handler</span><span class="hl-0"> </span><span class="hl-10">and</span><span class="hl-0"> </span><span class="hl-10">parsing</span><span class="hl-0"> </span><span class="hl-10">the</span><span class="hl-0"> </span><span class="hl-10">event</span><span class="hl-0">.</span><br/><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-1">el</span><span class="hl-0">.</span><span class="hl-6">addEventListener</span><span class="hl-0">(</span><span class="hl-2">&#39;added&#39;</span><span class="hl-0">, </span><span class="hl-4">function</span><span class="hl-0">(</span><span class="hl-1">event</span><span class="hl-0">) { </span><span class="hl-6">log</span><span class="hl-0">(</span><span class="hl-2">&#39;added &#39;</span><span class="hl-0">, </span><span class="hl-1">event</span><span class="hl-0">.</span><span class="hl-1">detail</span><span class="hl-0">)} );</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1123">gridstack.ts:1123</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="off"><span>off</span><a href="#off" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="off-1"><span class="tsd-kind-call-signature">off</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#off-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>unsubscribe from the 'on' event GridStackEvent</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">name</span>: <span class="tsd-signature-type">string</span></span><div class="tsd-comment tsd-typography"><p>of the event (see possible values) or list of names space separated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1156">gridstack.ts:1156</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="offall"><span>off<wbr/>All</span><a href="#offall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="offall-1"><span class="tsd-kind-call-signature">offAll</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#offall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>remove all event handlers</p>
-</div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1176">gridstack.ts:1176</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removewidget"><span>remove<wbr/>Widget</span><a href="#removewidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removewidget-1"><span class="tsd-kind-call-signature">removeWidget</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#removewidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes widget from the grid.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> DOM element won't be removed from the tree (Default? true).</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1187">gridstack.ts:1187</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeall"><span>remove<wbr/>All</span><a href="#removeall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeall-1"><span class="tsd-kind-call-signature">removeAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#removeall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes all widgets from the grid.</p>
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1130">gridstack.ts:1130</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onresize"><span>on<wbr/>Resize</span><a href="#onresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="onresize-1"><span class="tsd-kind-call-signature">onResize</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">clientWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#onresize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called when we are being resized - check if the one Column Mode needs to be turned on/off
+and remember the prev columns we used, or get our count from parent, as well as check for cellHeight==='auto' (square)
+or <code>sizeToContent</code> gridItem options.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">clientWidth</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1768">gridstack.ts:1768</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="preparedragdrop"><span>prepare<wbr/>Drag<wbr/>Drop</span><a href="#preparedragdrop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="preparedragdrop-1"><span class="tsd-kind-call-signature">prepareDragDrop</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">force</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#preparedragdrop-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>prepares the element for drag&amp;drop - this is normally called by makeWidget() unless are are delay loading</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>GridItemHTMLElement of the widget</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">force</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2372">gridstack.ts:2372</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="registerengine"><code class="tsd-tag">Static</code><span>register<wbr/>Engine</span><a href="#registerengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="registerengine-1"><span class="tsd-kind-call-signature">registerEngine</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">engineClass</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#registerengine-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call this method to register your engine instead of the default one.
+See instead <code>GridStackOptions.engineClass</code> if you only need to
+replace just one instance.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">engineClass</span>: <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L172">gridstack.ts:172</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeall"><span>remove<wbr/>All</span><a href="#removeall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeall-1"><span class="tsd-kind-call-signature">removeAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#removeall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes all widgets from the grid.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> DOM elements won't be removed from the tree (Default? <code>true</code>).</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1225">gridstack.ts:1225</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setanimation"><span>set<wbr/>Animation</span><a href="#setanimation" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setanimation-1"><span class="tsd-kind-call-signature">setAnimation</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doAnimate</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">delay</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#setanimation-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggle the grid animation state.  Toggles the <code>grid-stack-animate</code> class.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1232">gridstack.ts:1232</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeassubgrid"><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span><a href="#removeassubgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeassubgrid-1"><span class="tsd-kind-call-signature">removeAsSubGrid</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodeThatRemoved</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeassubgrid-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
+to the original grid-item. Also called to remove empty sub-grids when last item is dragged out (since re-creating is simple)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">nodeThatRemoved</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L588">gridstack.ts:588</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removewidget"><span>remove<wbr/>Widget</span><a href="#removewidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removewidget-1"><span class="tsd-kind-call-signature">removeWidget</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#removewidget-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Removes widget from the grid.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> DOM element won't be removed from the tree (Default? true).</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if <code>false</code> (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1194">gridstack.ts:1194</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizable-1"><span class="tsd-kind-call-signature">resizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#resizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/Disables user resizing of specific grid element. If you want all items, and have it affect future items, use enableResize() instead. No-op for static grids.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector to modify</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true widget will be resizable, assuming the parent grid isn't noResize or static.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1966">gridstack.ts:1966</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontent"><span>resize<wbr/>To<wbr/>Content</span><a href="#resizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizetocontent-1"><span class="tsd-kind-call-signature">resizeToContent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#resizetocontent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates widget height to match the content height to avoid v-scrollbar or dead space.
+Note: this assumes only 1 child under resizeToContentParent='.grid-stack-item-content' (sized to gridItem minus padding) that is at the entire content size wanted.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>grid item element</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1422">gridstack.ts:1422</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rotate"><span>rotate</span><a href="#rotate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="rotate-1"><span class="tsd-kind-call-signature">rotate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">relative</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#rotate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>rotate (by swapping w &amp; h) the passed in node - called when user press 'r' during dragging</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector of objects to modify</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">relative</span>: <a href="../interfaces/Position.html" class="tsd-signature-type tsd-kind-interface">Position</a></span><div class="tsd-comment tsd-typography"><p>optional pixel coord relative to upper/left corner to rotate around (will keep that cell under cursor)</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1486">gridstack.ts:1486</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="save"><span>save</span><a href="#save" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="save-1"><span class="tsd-kind-call-signature">save</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">saveContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveGridOpt</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><a href="#save-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>saves the current layout returning a list of widgets for serialization which might include any nested grids.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">saveContent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>if true (default) the latest html inside .grid-stack-content will be saved to GridStackWidget.content field, else it will
+be removed.</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveGridOpt</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>if true (default false), save the grid options itself, so you can call the new GridStack.addGrid()
+to recreate everything from scratch. GridStackOptions.children would then contain the widget list instead.</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">saveCB</span>: <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol"> = GridStack.saveCB</span></span><div class="tsd-comment tsd-typography"><p>callback for each node -&gt; widget, so application can insert additional data to be saved into the widget data structure.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></h4><p>list of widgets or full grid option, including .children list of widgets</p>
+<div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L619">gridstack.ts:619</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setanimation"><span>set<wbr/>Animation</span><a href="#setanimation" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setanimation-1"><span class="tsd-kind-call-signature">setAnimation</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doAnimate</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">delay</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#setanimation-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggle the grid animation state.  Toggles the <code>grid-stack-animate</code> class.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">doAnimate</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = ...</span></span><div class="tsd-comment tsd-typography"><p>if true the grid will animate.</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">delay</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true setting will be set on next event loop.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1244">gridstack.ts:1244</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setstatic"><span>set<wbr/>Static</span><a href="#setstatic" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setstatic-1"><span class="tsd-kind-call-signature">setStatic</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">updateClass</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#setstatic-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggle the grid static state, which permanently removes/add Drag&amp;Drop support, unlike disable()/enable() that just turns it off/on.
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1251">gridstack.ts:1251</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setstatic"><span>set<wbr/>Static</span><a href="#setstatic" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setstatic-1"><span class="tsd-kind-call-signature">setStatic</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">updateClass</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#setstatic-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Toggle the grid static state, which permanently removes/add Drag&amp;Drop support, unlike disable()/enable() that just turns it off/on.
 Also toggle the grid-stack-static class.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true the grid become static.</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">updateClass</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if css class gets updated</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1267">gridstack.ts:1267</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoptions"><span>update<wbr/>Options</span><a href="#updateoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoptions-1"><span class="tsd-kind-call-signature">updateOptions</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#updateoptions-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the passed in options on the grid (similar to update(widget) for for the grid options).</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1285">gridstack.ts:1285</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="update"><span>update</span><a href="#update" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="update-1"><span class="tsd-kind-call-signature">update</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opt</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#update-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates widget position/size and other info. Note: if you need to call this on all nodes, use load() instead which will update what changed.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector of objects to modify (note: setting the same x,y for multiple items will be indeterministic and likely unwanted)</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">opt</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>new widget options (x,y,w,h, etc..). Only those set will be updated.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1323">gridstack.ts:1323</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontent"><span>resize<wbr/>To<wbr/>Content</span><a href="#resizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizetocontent-1"><span class="tsd-kind-call-signature">resizeToContent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#resizetocontent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates widget height to match the content height to avoid v-scrollbar or dead space.
-Note: this assumes only 1 child under resizeToContentParent='.grid-stack-item-content' (sized to gridItem minus padding) that is at the entire content size wanted.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>grid item element</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1415">gridstack.ts:1415</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rotate"><span>rotate</span><a href="#rotate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="rotate-1"><span class="tsd-kind-call-signature">rotate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">relative</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#rotate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>rotate (by swapping w &amp; h) the passed in node - called when user press 'r' during dragging</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector of objects to modify</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">relative</span>: <a href="../interfaces/Position.html" class="tsd-signature-type tsd-kind-interface">Position</a></span><div class="tsd-comment tsd-typography"><p>optional pixel coord relative to upper/left corner to rotate around (will keep that cell under cursor)</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1479">gridstack.ts:1479</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margin"><span>margin</span><a href="#margin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="margin-1"><span class="tsd-kind-call-signature">margin</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#margin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the margins which will set all 4 sides at once - see <code>GridStackOptions.margin</code> for format options (CSS string format of 1,2,4 values or single number).</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">value</span>: <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></span><div class="tsd-comment tsd-typography"><p>margin value</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1503">gridstack.ts:1503</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getmargin"><span>get<wbr/>Margin</span><a href="#getmargin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getmargin-1"><span class="tsd-kind-call-signature">getMargin</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getmargin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns current margin number value (undefined if 4 sides don't match)</p>
-</div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1519">gridstack.ts:1519</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="willitfit"><span>will<wbr/>It<wbr/>Fit</span><a href="#willitfit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="willitfit-1"><span class="tsd-kind-call-signature">willItFit</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#willitfit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns true if the height of the grid will be less than the vertical
-constraint. Always returns true if grid doesn't have height constraint.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>contains x,y,w,h,auto-position options</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-12">Example<a href="#example-12" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-3">if</span><span class="hl-1"> (</span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">willItFit</span><span class="hl-1">(</span><span class="hl-0">newWidget</span><span class="hl-1">)) {</span><br/><span class="hl-1">  </span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">(</span><span class="hl-0">newWidget</span><span class="hl-1">);</span><br/><span class="hl-1">} </span><span class="hl-3">else</span><span class="hl-1"> {</span><br/><span class="hl-1">  </span><span class="hl-11">alert</span><span class="hl-1">(</span><span class="hl-4">&#39;Not enough free space to place the widget&#39;</span><span class="hl-1">);</span><br/><span class="hl-1">}</span>
-</code><button type="button">Copy</button></pre>
-
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1533">gridstack.ts:1533</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onresize"><span>on<wbr/>Resize</span><a href="#onresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="onresize-1"><span class="tsd-kind-call-signature">onResize</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">clientWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#onresize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called when we are being resized - check if the one Column Mode needs to be turned on/off
-and remember the prev columns we used, or get our count from parent, as well as check for cellHeight==='auto' (square)
-or <code>sizeToContent</code> gridItem options.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">clientWidth</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1761">gridstack.ts:1761</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_updateresizeevent"><code class="tsd-tag">Protected</code><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span><a href="#_updateresizeevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_updateresizeevent-1"><span class="tsd-kind-call-signature">_updateResizeEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">forceRemove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#_updateresizeevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>add or remove the grid element size event handler</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">forceRemove</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1822">gridstack.ts:1822</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getdd"><code class="tsd-tag">Static</code><span>get<wbr/>DD</span><a href="#getdd" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getdd-1"><span class="tsd-kind-call-signature">getDD</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="DDGridStack.html" class="tsd-signature-type tsd-kind-class">DDGridStack</a><a href="#getdd-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>get the global (but static to this code) DD implementation</p>
-</div><h4 class="tsd-returns-title">Returns <a href="DDGridStack.html" class="tsd-signature-type tsd-kind-class">DDGridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1910">gridstack.ts:1910</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setupdragin"><code class="tsd-tag">Static</code><span>setup<wbr/>Drag<wbr/>In</span><a href="#setupdragin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setupdragin-1"><span class="tsd-kind-call-signature">setupDragIn</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">dragIn</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">dragInOptions</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">widgets</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setupdragin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1274">gridstack.ts:1274</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="setupdragin"><code class="tsd-tag">Static</code><span>setup<wbr/>Drag<wbr/>In</span><a href="#setupdragin" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="setupdragin-1"><span class="tsd-kind-call-signature">setupDragIn</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">dragIn</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">dragInOptions</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">widgets</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#setupdragin-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
 Called during GridStack.init() as options, but can also be called directly (last param are used) in case the toolbar
 is dynamically create and needs to be set later.</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">dragIn</span>: <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>string selector (ex: '.sidebar-item') or list of dom elements</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">dragInOptions</span>: <a href="../interfaces/DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></span><div class="tsd-comment tsd-typography"><p>options - see DDDragOpt. (default: {handle: '.grid-stack-item-content', appendTo: 'body'}</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">widgets</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>GridStackWidget def to assign to each element which defines what to create on drop</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">root</span>: <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = document</span></span><div class="tsd-comment tsd-typography"><p>optional root which defaults to document (for shadow dom pass the parent HTMLDocument)</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1923">gridstack.ts:1923</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movable"><span>movable</span><a href="#movable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movable-1"><span class="tsd-kind-call-signature">movable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#movable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/Disables dragging by the user of specific grid element. If you want all items, and have it affect future items, use enableMove() instead. No-op for static grids.
-IF you are looking to prevent an item from moving (due to being pushed around by another during collision) use locked property instead.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector to modify.</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true widget will be draggable, assuming the parent grid isn't noMove or static.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1942">gridstack.ts:1942</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="resizable-1"><span class="tsd-kind-call-signature">resizable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#resizable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/Disables user resizing of specific grid element. If you want all items, and have it affect future items, use enableResize() instead. No-op for static grids.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector to modify</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if true widget will be resizable, assuming the parent grid isn't noResize or static.</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1958">gridstack.ts:1958</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disable"><span>disable</span><a href="#disable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="disable-1"><span class="tsd-kind-call-signature">disable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#disable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Temporarily disables widgets moving/resizing.
-If you want a more permanent way (which freezes up resources) use <code>setStatic(true)</code> instead.
-Note: no-op for static grid
-This is a shortcut for:</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-13">Example<a href="#example-13" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">enableMove</span><span class="hl-1">(</span><span class="hl-10">false</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">enableResize</span><span class="hl-1">(</span><span class="hl-10">false</span><span class="hl-1">);</span>
-</code><button type="button">Copy</button></pre>
-
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1979">gridstack.ts:1979</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enable"><span>enable</span><a href="#enable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enable-1"><span class="tsd-kind-call-signature">enable</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enable-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Re-enables widgets moving/resizing - see disable().
-Note: no-op for static grid.
-This is a shortcut for:</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-14">Example<a href="#example-14" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">enableMove</span><span class="hl-1">(</span><span class="hl-10">true</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">enableResize</span><span class="hl-1">(</span><span class="hl-10">true</span><span class="hl-1">);</span>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1931">gridstack.ts:1931</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="triggerevent"><code class="tsd-tag">Protected</code><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call given event callback on our main top-most grid (if we're nested)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">target</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2626">gridstack.ts:2626</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="update"><span>update</span><a href="#update" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="update-1"><span class="tsd-kind-call-signature">update</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">opt</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#update-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates widget position/size and other info. Note: if you need to call this on all nodes, use load() instead which will update what changed.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span><div class="tsd-comment tsd-typography"><p>widget or selector of objects to modify (note: setting the same x,y for multiple items will be indeterministic and likely unwanted)</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">opt</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>new widget options (x,y,w,h, etc..). Only those set will be updated.</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1330">gridstack.ts:1330</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoptions"><span>update<wbr/>Options</span><a href="#updateoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoptions-1"><span class="tsd-kind-call-signature">updateOptions</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#updateoptions-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Updates the passed in options on the grid (similar to update(widget) for for the grid options).</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1292">gridstack.ts:1292</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="willitfit"><span>will<wbr/>It<wbr/>Fit</span><a href="#willitfit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="willitfit-1"><span class="tsd-kind-call-signature">willItFit</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#willitfit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns true if the height of the grid will be less than the vertical
+constraint. Always returns true if grid doesn't have height constraint.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span><div class="tsd-comment tsd-typography"><p>contains x,y,w,h,auto-position options</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example-14">Example<a href="#example-14" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="ts"><span class="hl-9">if</span><span class="hl-0"> (</span><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">willItFit</span><span class="hl-0">(</span><span class="hl-1">newWidget</span><span class="hl-0">)) {</span><br/><span class="hl-0">  </span><span class="hl-1">grid</span><span class="hl-0">.</span><span class="hl-6">addWidget</span><span class="hl-0">(</span><span class="hl-1">newWidget</span><span class="hl-0">);</span><br/><span class="hl-0">} </span><span class="hl-9">else</span><span class="hl-0"> {</span><br/><span class="hl-0">  </span><span class="hl-6">alert</span><span class="hl-0">(</span><span class="hl-2">&#39;Not enough free space to place the widget&#39;</span><span class="hl-0">);</span><br/><span class="hl-0">}</span>
 </code><button type="button">Copy</button></pre>
 
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1995">gridstack.ts:1995</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enablemove"><span>enable<wbr/>Move</span><a href="#enablemove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enablemove-1"><span class="tsd-kind-call-signature">enableMove</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doEnable</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enablemove-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/disables widget moving. No-op for static grids, and locally defined items still overrule</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">doEnable</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2007">gridstack.ts:2007</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="enableresize"><span>enable<wbr/>Resize</span><a href="#enableresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="enableresize-1"><span class="tsd-kind-call-signature">enableResize</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">doEnable</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">recurse</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#enableresize-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Enables/disables widget resizing. No-op for static grids.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">doEnable</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">recurse</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span><div class="tsd-comment tsd-typography"><p>true (default) if sub-grids also get updated</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2021">gridstack.ts:2021</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="preparedragdrop"><span>prepare<wbr/>Drag<wbr/>Drop</span><a href="#preparedragdrop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="preparedragdrop-1"><span class="tsd-kind-call-signature">prepareDragDrop</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">force</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#preparedragdrop-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>prepares the element for drag&amp;drop - this is normally called by makeWidget() unless are are delay loading</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span><div class="tsd-comment tsd-typography"><p>GridItemHTMLElement of the widget</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">force</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2364">gridstack.ts:2364</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="triggerevent"><code class="tsd-tag">Protected</code><span>trigger<wbr/>Event</span><a href="#triggerevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="triggerevent-1"><span class="tsd-kind-call-signature">triggerEvent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#triggerevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call given event callback on our main top-most grid (if we're nested)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">target</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2618">gridstack.ts:2618</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="commit"><span>commit</span><a href="#commit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="commit-1"><span class="tsd-kind-call-signature">commit</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a><a href="#commit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStack</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L2668">gridstack.ts:2668</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addremovecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>add<wbr/>Remove<wbr/>CB</span><a href="#addremovecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">addRemoveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a></div><div class="tsd-comment tsd-typography"><p>callback method use when new items|grids needs to be created or deleted, instead of the default
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1540">gridstack.ts:1540</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addremovecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>add<wbr/>Remove<wbr/>CB</span><a href="#addremovecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">addRemoveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/AddRemoveFcn.html" class="tsd-signature-type tsd-kind-type-alias">AddRemoveFcn</a></div><div class="tsd-comment tsd-typography"><p>callback method use when new items|grids needs to be created or deleted, instead of the default
 item: <div class="grid-stack-item"><div class="grid-stack-item-content">w.content</div></div>
 grid: <div class="grid-stack">grid content...</div>
 add = true: the returned DOM element will then be converted to a GridItemHTMLElement using makeWidget()|GridStack:init().
 add = false: the item will be removed from DOM (if not already done)
 grid = true|false for grid vs grid-items</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L177">gridstack.ts:177</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="savecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>save<wbr/>CB</span><a href="#savecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a></div><div class="tsd-comment tsd-typography"><p>callback during saving to application can inject extra data for each widget, on top of the grid layout properties</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L182">gridstack.ts:182</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rendercb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>render<wbr/>CB</span><a href="#rendercb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">renderCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/RenderFcn.html" class="tsd-signature-type tsd-kind-type-alias">RenderFcn</a><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>callback to create the content of widgets so the app can control how to store and restore it
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L184">gridstack.ts:184</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="animationdelay"><span>animation<wbr/>Delay</span><a href="#animationdelay" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">animationDelay</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>time to wait for animation (if enabled) to be done so content sizing can happen</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L218">gridstack.ts:218</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridHTMLElement</a></div><div class="tsd-comment tsd-typography"><p>the HTML element tied to this grid after it's been initialized</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263">gridstack.ts:263</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="engine"><span>engine</span><a href="#engine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">engine</span><span class="tsd-signature-symbol">:</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></div><div class="tsd-comment tsd-typography"><p>engine used to implement non DOM grid functionality</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L212">gridstack.ts:212</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="engine-1"><code class="tsd-tag">Static</code><span>Engine</span><a href="#engine-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">Engine</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol"> = GridStackEngine</span></div><div class="tsd-comment tsd-typography"><p>scoping so users can call new GridStack.Engine(12) for example</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L209">gridstack.ts:209</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="engineclass"><code class="tsd-tag">Protected</code> <code class="tsd-tag">Static</code><span>engine<wbr/>Class</span><a href="#engineclass" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">engineClass</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L220">gridstack.ts:220</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="opts"><span>opts</span><a href="#opts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></div><div class="tsd-comment tsd-typography"><p>grid options - public for classes to access, but use methods to modify!</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L263">gridstack.ts:263</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="parentgridnode"><code class="tsd-tag">Optional</code><span>parent<wbr/>Grid<wbr/>Node</span><a href="#parentgridnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">parentGridNode</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>point to a parent grid item if we're nested (inside a grid-item in between 2 Grids)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L215">gridstack.ts:215</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rendercb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>render<wbr/>CB</span><a href="#rendercb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">renderCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/RenderFcn.html" class="tsd-signature-type tsd-kind-type-alias">RenderFcn</a><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>callback to create the content of widgets so the app can control how to store and restore it
 By default this lib will do 'el.textContent = w.content' forcing text only support for avoiding potential XSS issues.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L188">gridstack.ts:188</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updatecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>update<wbr/>CB</span><a href="#updatecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">updateCB</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>called after a widget has been updated (eg: load() into an existing list of children) so application can do extra work</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L191">gridstack.ts:191</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentcb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>CB</span><a href="#resizetocontentcb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ResizeToContentFcn.html" class="tsd-signature-type tsd-kind-type-alias">ResizeToContentFcn</a></div><div class="tsd-comment tsd-typography"><p>callback to use for resizeToContent instead of the built in one</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L194">gridstack.ts:194</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Static</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;.grid-stack-item-content&#39;</span></div><div class="tsd-comment tsd-typography"><p>parent class for sizing content. defaults to '.grid-stack-item-content'</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L196">gridstack.ts:196</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="utils"><code class="tsd-tag">Static</code><span>Utils</span><a href="#utils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">Utils</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="Utils.html" class="tsd-signature-type tsd-kind-class">Utils</a><span class="tsd-signature-symbol"> = Utils</span></div><div class="tsd-comment tsd-typography"><p>scoping so users can call GridStack.Utils.sort() for example</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L199">gridstack.ts:199</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="engine"><code class="tsd-tag">Static</code><span>Engine</span><a href="#engine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">Engine</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol"> = GridStackEngine</span></div><div class="tsd-comment tsd-typography"><p>scoping so users can call new GridStack.Engine(12) for example</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L202">gridstack.ts:202</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="engine-1"><span>engine</span><a href="#engine-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">engine</span><span class="tsd-signature-symbol">:</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></div><div class="tsd-comment tsd-typography"><p>engine used to implement non DOM grid functionality</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L205">gridstack.ts:205</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="parentgridnode"><code class="tsd-tag">Optional</code><span>parent<wbr/>Grid<wbr/>Node</span><a href="#parentgridnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">parentGridNode</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>point to a parent grid item if we're nested (inside a grid-item in between 2 Grids)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L208">gridstack.ts:208</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="animationdelay"><span>animation<wbr/>Delay</span><a href="#animationdelay" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">animationDelay</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>time to wait for animation (if enabled) to be done so content sizing can happen</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L211">gridstack.ts:211</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="engineclass"><code class="tsd-tag">Protected</code> <code class="tsd-tag">Static</code><span>engine<wbr/>Class</span><a href="#engineclass" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">engineClass</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L213">gridstack.ts:213</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="resizeobserver"><code class="tsd-tag">Protected</code><span>resize<wbr/>Observer</span><a href="#resizeobserver" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeObserver</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ResizeObserver</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L214">gridstack.ts:214</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="responselayout"><code class="tsd-tag">Protected</code><span>response<wbr/>Layout</span><a href="#responselayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">responseLayout</span><span class="tsd-signature-symbol">:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L248">gridstack.ts:248</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridHTMLElement</a></div><div class="tsd-comment tsd-typography"><p>the HTML element tied to this grid after it's been initialized</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L256">gridstack.ts:256</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="opts"><span>opts</span><a href="#opts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">opts</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = {}</span></div><div class="tsd-comment tsd-typography"><p>grid options - public for classes to access, but use methods to modify!</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L256">gridstack.ts:256</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="gdrev"><code class="tsd-tag">Static</code><span>GD<wbr/>Rev</span><a href="#gdrev" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">GDRev</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;12.2.2-dev&#39;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L1901">gridstack.ts:1901</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#init"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a><a href="#initall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>All</span></a><a href="#addgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Grid</span></a><a href="#registerengine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>register<wbr/>Engine</span></a><a href="#addwidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Widget</span></a><a href="#createwidgetdivs"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Widget<wbr/>Divs</span></a><a href="#makesubgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Sub<wbr/>Grid</span></a><a href="#removeassubgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span></a><a href="#save"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a><a href="#load"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a><a href="#batchupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a><a href="#getcellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>Height</span></a><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Height</span></a><a href="#cellwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Width</span></a><a href="#_widthorcontainer" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>width<wbr/>Or<wbr/>Container</span></a><a href="#checkdynamiccolumn" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>check<wbr/>Dynamic<wbr/>Column</span></a><a href="#compact"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>column</span></a><a href="#getcolumn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Column</span></a><a href="#getgriditems"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Grid<wbr/>Items</span></a><a href="#isignorechangecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span></a><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>float</span></a><a href="#getfloat"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Float</span></a><a href="#getcellfrompixel"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>From<wbr/>Pixel</span></a><a href="#getrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a><a href="#isareaempty"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a><a href="#makewidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Widget</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#offall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off<wbr/>All</span></a><a href="#removewidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Widget</span></a><a href="#removeall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a><a href="#setanimation"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Animation</span></a><a href="#setstatic"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Static</span></a><a href="#updateoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Options</span></a><a href="#update"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update</span></a><a href="#resizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resize<wbr/>To<wbr/>Content</span></a><a href="#rotate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>rotate</span></a><a href="#margin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>margin</span></a><a href="#getmargin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Margin</span></a><a href="#willitfit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a><a href="#onresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Resize</span></a><a href="#_updateresizeevent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span></a><a href="#getdd"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>DD</span></a><a href="#setupdragin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Drag<wbr/>In</span></a><a href="#movable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>movable</span></a><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#enablemove"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Move</span></a><a href="#enableresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Resize</span></a><a href="#preparedragdrop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Drag<wbr/>Drop</span></a><a href="#triggerevent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a><a href="#commit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>commit</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#addremovecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>add<wbr/>Remove<wbr/>CB</span></a><a href="#savecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>save<wbr/>CB</span></a><a href="#rendercb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>render<wbr/>CB</span></a><a href="#updatecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>update<wbr/>CB</span></a><a href="#resizetocontentcb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>CB</span></a><a href="#resizetocontentparent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#utils"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Utils</span></a><a href="#engine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Engine</span></a><a href="#engine-1"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine</span></a><a href="#parentgridnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>parent<wbr/>Grid<wbr/>Node</span></a><a href="#animationdelay"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animation<wbr/>Delay</span></a><a href="#engineclass" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine<wbr/>Class</span></a><a href="#resizeobserver" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>Observer</span></a><a href="#responselayout" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>response<wbr/>Layout</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#opts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>opts</span></a><a href="#gdrev"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>GD<wbr/>Rev</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L195">gridstack.ts:195</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="resizeobserver"><code class="tsd-tag">Protected</code><span>resize<wbr/>Observer</span><a href="#resizeobserver" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeObserver</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ResizeObserver</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L221">gridstack.ts:221</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentcb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>CB</span><a href="#resizetocontentcb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ResizeToContentFcn.html" class="tsd-signature-type tsd-kind-type-alias">ResizeToContentFcn</a></div><div class="tsd-comment tsd-typography"><p>callback to use for resizeToContent instead of the built in one</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L201">gridstack.ts:201</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Static</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;.grid-stack-item-content&#39;</span></div><div class="tsd-comment tsd-typography"><p>parent class for sizing content. defaults to '.grid-stack-item-content'</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L203">gridstack.ts:203</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="responselayout"><code class="tsd-tag">Protected</code><span>response<wbr/>Layout</span><a href="#responselayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">responseLayout</span><span class="tsd-signature-symbol">:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L255">gridstack.ts:255</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="savecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>save<wbr/>CB</span><a href="#savecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a></div><div class="tsd-comment tsd-typography"><p>callback during saving to application can inject extra data for each widget, on top of the grid layout properties</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L189">gridstack.ts:189</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updatecb"><code class="tsd-tag">Static</code> <code class="tsd-tag">Optional</code><span>update<wbr/>CB</span><a href="#updatecb" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">updateCB</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>called after a widget has been updated (eg: load() into an existing list of children) so application can do extra work</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L198">gridstack.ts:198</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="utils"><code class="tsd-tag">Static</code><span>Utils</span><a href="#utils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">Utils</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-keyword">typeof</span> <a href="Utils.html" class="tsd-signature-type tsd-kind-class">Utils</a><span class="tsd-signature-symbol"> = Utils</span></div><div class="tsd-comment tsd-typography"><p>scoping so users can call GridStack.Utils.sort() for example</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L206">gridstack.ts:206</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#_updateresizeevent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>update<wbr/>Resize<wbr/>Event</span></a><a href="#_widthorcontainer" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>width<wbr/>Or<wbr/>Container</span></a><a href="#addgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Grid</span></a><a href="#addwidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Widget</span></a><a href="#batchupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Height</span></a><a href="#cellwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cell<wbr/>Width</span></a><a href="#checkdynamiccolumn" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>check<wbr/>Dynamic<wbr/>Column</span></a><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>column</span></a><a href="#commit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>commit</span></a><a href="#compact"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a><a href="#createwidgetdivs"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Widget<wbr/>Divs</span></a><a href="#destroy"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>destroy</span></a><a href="#disable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>disable</span></a><a href="#enable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable</span></a><a href="#enablemove"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Move</span></a><a href="#enableresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>enable<wbr/>Resize</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>float</span></a><a href="#getcellfrompixel"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>From<wbr/>Pixel</span></a><a href="#getcellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Cell<wbr/>Height</span></a><a href="#getcolumn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Column</span></a><a href="#getdd"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>DD</span></a><a href="#getfloat"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Float</span></a><a href="#getgriditems"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Grid<wbr/>Items</span></a><a href="#getmargin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Margin</span></a><a href="#getrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a><a href="#init"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init</span></a><a href="#initall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>All</span></a><a href="#isareaempty"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a><a href="#isignorechangecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Ignore<wbr/>Change<wbr/>CB</span></a><a href="#load"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>load</span></a><a href="#makesubgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Sub<wbr/>Grid</span></a><a href="#makewidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>make<wbr/>Widget</span></a><a href="#margin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>margin</span></a><a href="#movable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>movable</span></a><a href="#off"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off</span></a><a href="#offall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>off<wbr/>All</span></a><a href="#on"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on</span></a><a href="#onresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>on<wbr/>Resize</span></a><a href="#preparedragdrop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Drag<wbr/>Drop</span></a><a href="#registerengine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>register<wbr/>Engine</span></a><a href="#removeall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a><a href="#removeassubgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>As<wbr/>Sub<wbr/>Grid</span></a><a href="#removewidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Widget</span></a><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resizable</span></a><a href="#resizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>resize<wbr/>To<wbr/>Content</span></a><a href="#rotate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>rotate</span></a><a href="#save"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a><a href="#setanimation"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Animation</span></a><a href="#setstatic"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>set<wbr/>Static</span></a><a href="#setupdragin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>setup<wbr/>Drag<wbr/>In</span></a><a href="#triggerevent" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>trigger<wbr/>Event</span></a><a href="#update"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update</span></a><a href="#updateoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Options</span></a><a href="#willitfit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#addremovecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>add<wbr/>Remove<wbr/>CB</span></a><a href="#animationdelay"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animation<wbr/>Delay</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#engine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine</span></a><a href="#engine-1"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Engine</span></a><a href="#engineclass" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine<wbr/>Class</span></a><a href="#opts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>opts</span></a><a href="#parentgridnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>parent<wbr/>Grid<wbr/>Node</span></a><a href="#rendercb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>render<wbr/>CB</span></a><a href="#resizeobserver" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>Observer</span></a><a href="#resizetocontentcb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>CB</span></a><a href="#resizetocontentparent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#responselayout" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>response<wbr/>Layout</span></a><a href="#savecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>save<wbr/>CB</span></a><a href="#updatecb"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>update<wbr/>CB</span></a><a href="#utils"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>Utils</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/classes/GridStackEngine.html b/docs/html/classes/GridStackEngine.html
similarity index 51%
rename from docs/classes/GridStackEngine.html
rename to docs/html/classes/GridStackEngine.html
index 2ee78a855..f2e5ddb16 100644
--- a/docs/classes/GridStackEngine.html
+++ b/docs/html/classes/GridStackEngine.html
@@ -3,75 +3,75 @@
 <p>NOTE: values should not be modified directly - call the main GridStack API instead</p>
 </div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L27">gridstack-engine.ts:27</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="#float" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>float</span></a>
 </div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#batchupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a>
-<a href="#_useentirerowarea" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#_useentirerowarea" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span></a>
+<a href="#addnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Node</span></a>
+<a href="#batchupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a>
+<a href="#beginupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>begin<wbr/>Update</span></a>
+<a href="#cachelayout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Layout</span></a>
+<a href="#cacheonelayout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>One<wbr/>Layout</span></a>
+<a href="#cacherects" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Rects</span></a>
+<a href="#changedposconstrain" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>changed<wbr/>Pos<wbr/>Constrain</span></a>
+<a href="#cleanupnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cleanup<wbr/>Node</span></a>
 <a href="#collide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide</span></a>
 <a href="#collideall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide<wbr/>All</span></a>
+<a href="#compact" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a>
 <a href="#directioncollidecoverage" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>direction<wbr/>Collide<wbr/>Coverage</span></a>
-<a href="#cacherects" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Rects</span></a>
-<a href="#swap" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a>
+<a href="#endupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>end<wbr/>Update</span></a>
+<a href="#findcachelayout" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Cache<wbr/>Layout</span></a>
+<a href="#findemptyposition" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Empty<wbr/>Position</span></a>
+<a href="#getdirtynodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dirty<wbr/>Nodes</span></a>
+<a href="#getrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a>
 <a href="#isareaempty" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a>
-<a href="#compact" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a>
-<a href="#sortnodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort<wbr/>Nodes</span></a>
-<a href="#preparenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Node</span></a>
+<a href="#movenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node</span></a>
+<a href="#movenodecheck" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node<wbr/>Check</span></a>
 <a href="#nodeboundfix" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>node<wbr/>Bound<wbr/>Fix</span></a>
-<a href="#getdirtynodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dirty<wbr/>Nodes</span></a>
-<a href="#findemptyposition" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Empty<wbr/>Position</span></a>
-<a href="#addnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Node</span></a>
-<a href="#removenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node</span></a>
+<a href="#preparenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Node</span></a>
 <a href="#removeall" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a>
-<a href="#movenodecheck" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node<wbr/>Check</span></a>
-<a href="#willitfit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a>
-<a href="#changedposconstrain" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>changed<wbr/>Pos<wbr/>Constrain</span></a>
-<a href="#movenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node</span></a>
-<a href="#getrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a>
-<a href="#beginupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>begin<wbr/>Update</span></a>
-<a href="#endupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>end<wbr/>Update</span></a>
-<a href="#save" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a>
-<a href="#cachelayout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Layout</span></a>
-<a href="#cacheonelayout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>One<wbr/>Layout</span></a>
-<a href="#findcachelayout" class="tsd-index-link tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Cache<wbr/>Layout</span></a>
+<a href="#removenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node</span></a>
 <a href="#removenodefromlayoutcache" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node<wbr/>From<wbr/>Layout<wbr/>Cache</span></a>
-<a href="#cleanupnode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cleanup<wbr/>Node</span></a>
-</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a>
+<a href="#save" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a>
+<a href="#sortnodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort<wbr/>Nodes</span></a>
+<a href="#swap" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a>
+<a href="#willitfit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#addednodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>added<wbr/>Nodes</span></a>
+<a href="#batchmode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>batch<wbr/>Mode</span></a>
+<a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a>
+<a href="#defaultcolumn" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Column</span></a>
 <a href="#maxrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a>
 <a href="#nodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes</span></a>
-<a href="#addednodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>added<wbr/>Nodes</span></a>
 <a href="#removednodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removed<wbr/>Nodes</span></a>
-<a href="#batchmode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>batch<wbr/>Mode</span></a>
-<a href="#defaultcolumn" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Column</span></a>
 <a href="#skipcacheupdate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip<wbr/>Cache<wbr/>Update?</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Accessors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="float"><span>float</span><a href="#float" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li><div class="tsd-signature" id="floatfloat"><span class="tsd-signature-keyword">get</span> <span class="tsd-kind-get-signature">float</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>float getter method</p>
 </div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L315">gridstack-engine.ts:315</a></li></ul></aside></div></li><li><div class="tsd-signature" id="floatfloat-1"><span class="tsd-signature-keyword">set</span> <span class="tsd-kind-set-signature">float</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>enable/disable floating widgets (default: <code>false</code>) See <a href="http://gridstackjs.com/demo/float.html" target="_blank" class="external">example</a></p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L306">gridstack-engine.ts:306</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorgridstackengine"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">GridStackEngine</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackEngineOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackEngineOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#constructorgridstackengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/GridStackEngineOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackEngineOptions</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L54">gridstack-engine.ts:54</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchupdate"><span>batch<wbr/>Update</span><a href="#batchupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="batchupdate-1"><span class="tsd-kind-call-signature">batchUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">flag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doPack</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#batchupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">flag</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">doPack</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L63">gridstack-engine.ts:63</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_useentirerowarea"><code class="tsd-tag">Protected</code><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span><a href="#_useentirerowarea" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_useentirerowarea-1"><span class="tsd-kind-call-signature">_useEntireRowArea</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nn</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#_useentirerowarea-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">nn</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L81">gridstack-engine.ts:81</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collide"><span>collide</span><a href="#collide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="collide-1"><span class="tsd-kind-call-signature">collide</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">skip</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">area</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">skip2</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#collide-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return the nodes that intercept the given node. Optionally a different area can be used, as well as a second node to skip</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">skip</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">area</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol"> = skip</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">skip2</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L146">gridstack-engine.ts:146</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collideall"><span>collide<wbr/>All</span><a href="#collideall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="collideall-1"><span class="tsd-kind-call-signature">collideAll</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">skip</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">area</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">skip2</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#collideall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">skip</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">area</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol"> = skip</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">skip2</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L151">gridstack-engine.ts:151</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="directioncollidecoverage"><code class="tsd-tag">Protected</code><span>direction<wbr/>Collide<wbr/>Coverage</span><a href="#directioncollidecoverage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="directioncollidecoverage-1"><span class="tsd-kind-call-signature">directionCollideCoverage</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">collides</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#directioncollidecoverage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>does a pixel coverage collision based on where we started, returning the node that has the most coverage that is &gt;50% mid line</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li><li><span><span class="tsd-kind-parameter">collides</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L158">gridstack-engine.ts:158</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cacherects"><span>cache<wbr/>Rects</span><a href="#cacherects" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cacherects-1"><span class="tsd-kind-call-signature">cacheRects</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">right</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">bottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cacherects-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to cache the nodes pixel rectangles used for collision detection during drag</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">w</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">h</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">top</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">right</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">bottom</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">left</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L225">gridstack-engine.ts:225</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="swap"><span>swap</span><a href="#swap" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="swap-1"><span class="tsd-kind-call-signature">swap</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#swap-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to possibly swap between 2 nodes (same size or column, not locked, touching), returning true if successful</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L239">gridstack-engine.ts:239</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isareaempty"><span>is<wbr/>Area<wbr/>Empty</span><a href="#isareaempty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isareaempty-1"><span class="tsd-kind-call-signature">isAreaEmpty</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isareaempty-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">x</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">y</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">h</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L277">gridstack-engine.ts:277</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="compact"><span>compact</span><a href="#compact" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="compact-1"><span class="tsd-kind-call-signature">compact</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doSort</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#compact-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>re-layout grid items to reclaim any empty space - optionally keeping the sort order exactly the same ('list' mode) vs truly finding an empty spaces</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">layout</span>: <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol"> = &#39;compact&#39;</span></span></li><li><span><span class="tsd-kind-parameter">doSort</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L283">gridstack-engine.ts:283</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sortnodes"><span>sort<wbr/>Nodes</span><a href="#sortnodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sortnodes-1"><span class="tsd-kind-call-signature">sortNodes</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">dir</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#sortnodes-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>sort the nodes array from first to last, or reverse. Called during collision/placement to force an order</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">dir</span>: <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol"> = 1</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L318">gridstack-engine.ts:318</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="preparenode"><span>prepare<wbr/>Node</span><a href="#preparenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="preparenode-1"><span class="tsd-kind-call-signature">prepareNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#preparenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given a random node, makes sure it's coordinates/values are valid in the current grid</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span><div class="tsd-comment tsd-typography"><p>to adjust</p>
-</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">resizing</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if out of bound, resize down or move into the grid to fit ?</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L366">gridstack-engine.ts:366</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodeboundfix"><span>node<wbr/>Bound<wbr/>Fix</span><a href="#nodeboundfix" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="nodeboundfix-1"><span class="tsd-kind-call-signature">nodeBoundFix</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#nodeboundfix-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>part2 of preparing a node to fit inside our grid - checks for x,y,w from grid dimensions</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">resizing</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L407">gridstack-engine.ts:407</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getdirtynodes"><span>get<wbr/>Dirty<wbr/>Nodes</span><a href="#getdirtynodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getdirtynodes-1"><span class="tsd-kind-call-signature">getDirtyNodes</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">verify</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#getdirtynodes-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns a list of modified nodes from their original values</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">verify</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L470">gridstack-engine.ts:470</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="findemptyposition"><span>find<wbr/>Empty<wbr/>Position</span><a href="#findemptyposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="findemptyposition-1"><span class="tsd-kind-call-signature">findEmptyPosition</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nodeList</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">after</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#findemptyposition-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>find the first available empty spot for the given node width/height, updating the x,y attributes. return true if found.
-optionally you can pass your own existing node list and column count, otherwise defaults to that engine data.
-Optionally pass a widget to start search AFTER, meaning the order will remain the same but possibly have empty slots we skipped</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">nodeList</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = ...</span></span></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">after</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L523">gridstack-engine.ts:523</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addnode"><span>add<wbr/>Node</span><a href="#addnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addnode-1"><span class="tsd-kind-call-signature">addNode</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerAddEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">after</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#addnode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to add the given node to our list, fixing collision and re-packing</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">triggerAddEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">after</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L545">gridstack-engine.ts:545</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removenode"><span>remove<wbr/>Node</span><a href="#removenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removenode-1"><span class="tsd-kind-call-signature">removeNode</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#removenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L568">gridstack-engine.ts:568</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeall"><span>remove<wbr/>All</span><a href="#removeall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeall-1"><span class="tsd-kind-call-signature">removeAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#removeall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L584">gridstack-engine.ts:584</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movenodecheck"><span>move<wbr/>Node<wbr/>Check</span><a href="#movenodecheck" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movenodecheck-1"><span class="tsd-kind-call-signature">moveNodeCheck</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#movenodecheck-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks if item can be moved (layout constrain) vs moveNode(), returning true if was able to move.
-In more complicated cases (maxRow) it will attempt at moving the item and fixing
-others in a clone first, then apply those changes if still within specs.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L597">gridstack-engine.ts:597</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="willitfit"><span>will<wbr/>It<wbr/>Fit</span><a href="#willitfit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="willitfit-1"><span class="tsd-kind-call-signature">willItFit</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#willitfit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return true if can fit in grid height constrain only (always true if no maxRow)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L648">gridstack-engine.ts:648</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="changedposconstrain"><span>changed<wbr/>Pos<wbr/>Constrain</span><a href="#changedposconstrain" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="changedposconstrain-1"><span class="tsd-kind-call-signature">changedPosConstrain</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">p</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#changedposconstrain-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if x,y or w,h are different after clamping to min/max</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">p</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L669">gridstack-engine.ts:669</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movenode"><span>move<wbr/>Node</span><a href="#movenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movenode-1"><span class="tsd-kind-call-signature">moveNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#movenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return true if the passed in node was actually moved (checks for no-op and locked)</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L683">gridstack-engine.ts:683</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getrow"><span>get<wbr/>Row</span><a href="#getrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getrow-1"><span class="tsd-kind-call-signature">getRow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getrow-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L743">gridstack-engine.ts:743</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="beginupdate"><span>begin<wbr/>Update</span><a href="#beginupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="beginupdate-1"><span class="tsd-kind-call-signature">beginUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#beginupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L747">gridstack-engine.ts:747</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="endupdate"><span>end<wbr/>Update</span><a href="#endupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="endupdate-1"><span class="tsd-kind-call-signature">endUpdate</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#endupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L756">gridstack-engine.ts:756</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="save"><span>save</span><a href="#save" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="save-1"><span class="tsd-kind-call-signature">save</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">saveElement</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#save-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>saves a copy of the largest column layout (eg 12 even when rendering oneColumnMode) so we don't loose orig layout,
-returning a list of widgets for serialization</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">saveElement</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">saveCB</span>: <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L767">gridstack-engine.ts:767</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cachelayout"><span>cache<wbr/>Layout</span><a href="#cachelayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cachelayout-1"><span class="tsd-kind-call-signature">cacheLayout</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">clear</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cachelayout-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to cache the given layout internally to the given location so we can restore back when column changes size</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L306">gridstack-engine.ts:306</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorgridstackengine"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">GridStackEngine</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">opts</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackEngineOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackEngineOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#constructorgridstackengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">opts</span>: <a href="../interfaces/GridStackEngineOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackEngineOptions</a><span class="tsd-signature-symbol"> = {}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L54">gridstack-engine.ts:54</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="_useentirerowarea"><code class="tsd-tag">Protected</code><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span><a href="#_useentirerowarea" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="_useentirerowarea-1"><span class="tsd-kind-call-signature">_useEntireRowArea</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nn</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#_useentirerowarea-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">nn</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L81">gridstack-engine.ts:81</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addnode"><span>add<wbr/>Node</span><a href="#addnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addnode-1"><span class="tsd-kind-call-signature">addNode</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerAddEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">after</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#addnode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to add the given node to our list, fixing collision and re-packing</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">triggerAddEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">after</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L545">gridstack-engine.ts:545</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchupdate"><span>batch<wbr/>Update</span><a href="#batchupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="batchupdate-1"><span class="tsd-kind-call-signature">batchUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">flag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doPack</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#batchupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">flag</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">doPack</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L63">gridstack-engine.ts:63</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="beginupdate"><span>begin<wbr/>Update</span><a href="#beginupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="beginupdate-1"><span class="tsd-kind-call-signature">beginUpdate</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#beginupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L747">gridstack-engine.ts:747</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cachelayout"><span>cache<wbr/>Layout</span><a href="#cachelayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cachelayout-1"><span class="tsd-kind-call-signature">cacheLayout</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">clear</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cachelayout-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to cache the given layout internally to the given location so we can restore back when column changes size</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>list of nodes</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>corresponding column index to save it under</p>
 </div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">clear</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span><div class="tsd-comment tsd-typography"><p>if true, will force other caches to be removed (default false)</p>
 </div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L937">gridstack-engine.ts:937</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cacheonelayout"><span>cache<wbr/>One<wbr/>Layout</span><a href="#cacheonelayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cacheonelayout-1"><span class="tsd-kind-call-signature">cacheOneLayout</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cacheonelayout-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>call to cache the given node layout internally to the given location so we can restore back when column changes size</p>
 </div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span></span><div class="tsd-comment tsd-typography"><p>corresponding column index to save it under</p>
-</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L957">gridstack-engine.ts:957</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="findcachelayout"><code class="tsd-tag">Protected</code><span>find<wbr/>Cache<wbr/>Layout</span><a href="#findcachelayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="findcachelayout-1"><span class="tsd-kind-call-signature">findCacheLayout</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#findcachelayout-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L971">gridstack-engine.ts:971</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removenodefromlayoutcache"><span>remove<wbr/>Node<wbr/>From<wbr/>Layout<wbr/>Cache</span><a href="#removenodefromlayoutcache" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removenodefromlayoutcache-1"><span class="tsd-kind-call-signature">removeNodeFromLayoutCache</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removenodefromlayoutcache-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L975">gridstack-engine.ts:975</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cleanupnode"><span>cleanup<wbr/>Node</span><a href="#cleanupnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cleanupnode-1"><span class="tsd-kind-call-signature">cleanupNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cleanupnode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to remove all internal values but the _id</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L988">gridstack-engine.ts:988</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L28">gridstack-engine.ts:28</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxrow"><span>max<wbr/>Row</span><a href="#maxrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxRow</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L29">gridstack-engine.ts:29</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodes"><span>nodes</span><a href="#nodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L30">gridstack-engine.ts:30</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addednodes"><span>added<wbr/>Nodes</span><a href="#addednodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">addedNodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L31">gridstack-engine.ts:31</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removednodes"><span>removed<wbr/>Nodes</span><a href="#removednodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">removedNodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L32">gridstack-engine.ts:32</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchmode"><span>batch<wbr/>Mode</span><a href="#batchmode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">batchMode</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L33">gridstack-engine.ts:33</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="defaultcolumn"><span>default<wbr/>Column</span><a href="#defaultcolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultColumn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 12</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L34">gridstack-engine.ts:34</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="skipcacheupdate"><code class="tsd-tag">Optional</code><span>skip<wbr/>Cache<wbr/>Update</span><a href="#skipcacheupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">skipCacheUpdate</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when grid.load() already cached the layout and can skip out of bound caching info</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L48">gridstack-engine.ts:48</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>float</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#batchupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a><a href="#_useentirerowarea" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span></a><a href="#collide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide</span></a><a href="#collideall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide<wbr/>All</span></a><a href="#directioncollidecoverage" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>direction<wbr/>Collide<wbr/>Coverage</span></a><a href="#cacherects"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Rects</span></a><a href="#swap"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a><a href="#isareaempty"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a><a href="#compact"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a><a href="#sortnodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort<wbr/>Nodes</span></a><a href="#preparenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Node</span></a><a href="#nodeboundfix"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>node<wbr/>Bound<wbr/>Fix</span></a><a href="#getdirtynodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dirty<wbr/>Nodes</span></a><a href="#findemptyposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Empty<wbr/>Position</span></a><a href="#addnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Node</span></a><a href="#removenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node</span></a><a href="#removeall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a><a href="#movenodecheck"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node<wbr/>Check</span></a><a href="#willitfit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a><a href="#changedposconstrain"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>changed<wbr/>Pos<wbr/>Constrain</span></a><a href="#movenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node</span></a><a href="#getrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a><a href="#beginupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>begin<wbr/>Update</span></a><a href="#endupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>end<wbr/>Update</span></a><a href="#save"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a><a href="#cachelayout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Layout</span></a><a href="#cacheonelayout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>One<wbr/>Layout</span></a><a href="#findcachelayout" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Cache<wbr/>Layout</span></a><a href="#removenodefromlayoutcache"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node<wbr/>From<wbr/>Layout<wbr/>Cache</span></a><a href="#cleanupnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cleanup<wbr/>Node</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#nodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes</span></a><a href="#addednodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>added<wbr/>Nodes</span></a><a href="#removednodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removed<wbr/>Nodes</span></a><a href="#batchmode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>batch<wbr/>Mode</span></a><a href="#defaultcolumn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Column</span></a><a href="#skipcacheupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip<wbr/>Cache<wbr/>Update</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L957">gridstack-engine.ts:957</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cacherects"><span>cache<wbr/>Rects</span><a href="#cacherects" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cacherects-1"><span class="tsd-kind-call-signature">cacheRects</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">right</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">bottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cacherects-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to cache the nodes pixel rectangles used for collision detection during drag</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">w</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">h</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">top</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">right</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">bottom</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">left</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L225">gridstack-engine.ts:225</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="changedposconstrain"><span>changed<wbr/>Pos<wbr/>Constrain</span><a href="#changedposconstrain" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="changedposconstrain-1"><span class="tsd-kind-call-signature">changedPosConstrain</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">p</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#changedposconstrain-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if x,y or w,h are different after clamping to min/max</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">p</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L669">gridstack-engine.ts:669</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cleanupnode"><span>cleanup<wbr/>Node</span><a href="#cleanupnode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="cleanupnode-1"><span class="tsd-kind-call-signature">cleanupNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#cleanupnode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to remove all internal values but the _id</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L988">gridstack-engine.ts:988</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collide"><span>collide</span><a href="#collide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="collide-1"><span class="tsd-kind-call-signature">collide</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">skip</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">area</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">skip2</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#collide-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return the nodes that intercept the given node. Optionally a different area can be used, as well as a second node to skip</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">skip</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">area</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol"> = skip</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">skip2</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L146">gridstack-engine.ts:146</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collideall"><span>collide<wbr/>All</span><a href="#collideall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="collideall-1"><span class="tsd-kind-call-signature">collideAll</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">skip</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">area</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">skip2</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#collideall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">skip</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">area</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol"> = skip</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">skip2</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L151">gridstack-engine.ts:151</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="compact"><span>compact</span><a href="#compact" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="compact-1"><span class="tsd-kind-call-signature">compact</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">doSort</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#compact-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>re-layout grid items to reclaim any empty space - optionally keeping the sort order exactly the same ('list' mode) vs truly finding an empty spaces</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">layout</span>: <a href="../types/CompactOptions.html" class="tsd-signature-type tsd-kind-type-alias">CompactOptions</a><span class="tsd-signature-symbol"> = &#39;compact&#39;</span></span></li><li><span><span class="tsd-kind-parameter">doSort</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L283">gridstack-engine.ts:283</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="directioncollidecoverage"><code class="tsd-tag">Protected</code><span>direction<wbr/>Collide<wbr/>Coverage</span><a href="#directioncollidecoverage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="directioncollidecoverage-1"><span class="tsd-kind-call-signature">directionCollideCoverage</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">collides</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#directioncollidecoverage-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>does a pixel coverage collision based on where we started, returning the node that has the most coverage that is &gt;50% mid line</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li><li><span><span class="tsd-kind-parameter">collides</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L158">gridstack-engine.ts:158</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="endupdate"><span>end<wbr/>Update</span><a href="#endupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="endupdate-1"><span class="tsd-kind-call-signature">endUpdate</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#endupdate-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L756">gridstack-engine.ts:756</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member tsd-is-protected"><h3 class="tsd-anchor-link" id="findcachelayout"><code class="tsd-tag">Protected</code><span>find<wbr/>Cache<wbr/>Layout</span><a href="#findcachelayout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures tsd-is-protected"><li class=""><div class="tsd-signature tsd-anchor-link" id="findcachelayout-1"><span class="tsd-kind-call-signature">findCacheLayout</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#findcachelayout-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L971">gridstack-engine.ts:971</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="findemptyposition"><span>find<wbr/>Empty<wbr/>Position</span><a href="#findemptyposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="findemptyposition-1"><span class="tsd-kind-call-signature">findEmptyPosition</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">nodeList</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">after</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#findemptyposition-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>find the first available empty spot for the given node width/height, updating the x,y attributes. return true if found.
+optionally you can pass your own existing node list and column count, otherwise defaults to that engine data.
+Optionally pass a widget to start search AFTER, meaning the order will remain the same but possibly have empty slots we skipped</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">nodeList</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = ...</span></span></li><li><span><span class="tsd-kind-parameter">column</span>: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = ...</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">after</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L523">gridstack-engine.ts:523</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getdirtynodes"><span>get<wbr/>Dirty<wbr/>Nodes</span><a href="#getdirtynodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getdirtynodes-1"><span class="tsd-kind-call-signature">getDirtyNodes</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">verify</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#getdirtynodes-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns a list of modified nodes from their original values</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">verify</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L470">gridstack-engine.ts:470</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getrow"><span>get<wbr/>Row</span><a href="#getrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getrow-1"><span class="tsd-kind-call-signature">getRow</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#getrow-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L743">gridstack-engine.ts:743</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isareaempty"><span>is<wbr/>Area<wbr/>Empty</span><a href="#isareaempty" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isareaempty-1"><span class="tsd-kind-call-signature">isAreaEmpty</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isareaempty-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">x</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">y</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <span class="tsd-signature-type">number</span></span></li><li><span><span class="tsd-kind-parameter">h</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L277">gridstack-engine.ts:277</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movenode"><span>move<wbr/>Node</span><a href="#movenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movenode-1"><span class="tsd-kind-call-signature">moveNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#movenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return true if the passed in node was actually moved (checks for no-op and locked)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L683">gridstack-engine.ts:683</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="movenodecheck"><span>move<wbr/>Node<wbr/>Check</span><a href="#movenodecheck" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="movenodecheck-1"><span class="tsd-kind-call-signature">moveNodeCheck</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#movenodecheck-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>checks if item can be moved (layout constrain) vs moveNode(), returning true if was able to move.
+In more complicated cases (maxRow) it will attempt at moving the item and fixing
+others in a clone first, then apply those changes if still within specs.</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">o</span>: <a href="../interfaces/GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L597">gridstack-engine.ts:597</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodeboundfix"><span>node<wbr/>Bound<wbr/>Fix</span><a href="#nodeboundfix" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="nodeboundfix-1"><span class="tsd-kind-call-signature">nodeBoundFix</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#nodeboundfix-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>part2 of preparing a node to fit inside our grid - checks for x,y,w from grid dimensions</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">resizing</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L407">gridstack-engine.ts:407</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="preparenode"><span>prepare<wbr/>Node</span><a href="#preparenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="preparenode-1"><span class="tsd-kind-call-signature">prepareNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#preparenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given a random node, makes sure it's coordinates/values are valid in the current grid</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span><div class="tsd-comment tsd-typography"><p>to adjust</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">resizing</span>: <span class="tsd-signature-type">boolean</span></span><div class="tsd-comment tsd-typography"><p>if out of bound, resize down or move into the grid to fit ?</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L366">gridstack-engine.ts:366</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeall"><span>remove<wbr/>All</span><a href="#removeall" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeall-1"><span class="tsd-kind-call-signature">removeAll</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#removeall-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L584">gridstack-engine.ts:584</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removenode"><span>remove<wbr/>Node</span><a href="#removenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removenode-1"><span class="tsd-kind-call-signature">removeNode</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">removeDOM</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">triggerEvent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#removenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">removeDOM</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><span class="tsd-kind-parameter">triggerEvent</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L568">gridstack-engine.ts:568</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removenodefromlayoutcache"><span>remove<wbr/>Node<wbr/>From<wbr/>Layout<wbr/>Cache</span><a href="#removenodefromlayoutcache" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removenodefromlayoutcache-1"><span class="tsd-kind-call-signature">removeNodeFromLayoutCache</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removenodefromlayoutcache-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L975">gridstack-engine.ts:975</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="save"><span>save</span><a href="#save" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="save-1"><span class="tsd-kind-call-signature">save</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">saveElement</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">saveCB</span><span class="tsd-signature-symbol">?:</span> <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#save-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>saves a copy of the largest column layout (eg 12 even when rendering oneColumnMode) so we don't loose orig layout,
+returning a list of widgets for serialization</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">saveElement</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">saveCB</span>: <a href="../types/SaveFcn.html" class="tsd-signature-type tsd-kind-type-alias">SaveFcn</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L767">gridstack-engine.ts:767</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sortnodes"><span>sort<wbr/>Nodes</span><a href="#sortnodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sortnodes-1"><span class="tsd-kind-call-signature">sortNodes</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">dir</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><a href="#sortnodes-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>sort the nodes array from first to last, or reverse. Called during collision/placement to force an order</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">dir</span>: <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol"> = 1</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L318">gridstack-engine.ts:318</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="swap"><span>swap</span><a href="#swap" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="swap-1"><span class="tsd-kind-call-signature">swap</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#swap-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>called to possibly swap between 2 nodes (same size or column, not locked, touching), returning true if successful</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L239">gridstack-engine.ts:239</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="willitfit"><span>will<wbr/>It<wbr/>Fit</span><a href="#willitfit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="willitfit-1"><span class="tsd-kind-call-signature">willItFit</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#willitfit-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>return true if can fit in grid height constrain only (always true if no maxRow)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L648">gridstack-engine.ts:648</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addednodes"><span>added<wbr/>Nodes</span><a href="#addednodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">addedNodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L31">gridstack-engine.ts:31</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="batchmode"><span>batch<wbr/>Mode</span><a href="#batchmode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">batchMode</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L33">gridstack-engine.ts:33</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L28">gridstack-engine.ts:28</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="defaultcolumn"><span>default<wbr/>Column</span><a href="#defaultcolumn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultColumn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 12</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L34">gridstack-engine.ts:34</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxrow"><span>max<wbr/>Row</span><a href="#maxrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxRow</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L29">gridstack-engine.ts:29</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodes"><span>nodes</span><a href="#nodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L30">gridstack-engine.ts:30</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removednodes"><span>removed<wbr/>Nodes</span><a href="#removednodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">removedNodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L32">gridstack-engine.ts:32</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="skipcacheupdate"><code class="tsd-tag">Optional</code><span>skip<wbr/>Cache<wbr/>Update</span><a href="#skipcacheupdate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">skipCacheUpdate</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when grid.load() already cached the layout and can skip out of bound caching info</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L48">gridstack-engine.ts:48</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Accessors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Accessors</summary><div><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Accessor"><use href="../assets/icons.svg#icon-262144"></use></svg><span>float</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#_useentirerowarea" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>_<wbr/>use<wbr/>Entire<wbr/>Row<wbr/>Area</span></a><a href="#addnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>Node</span></a><a href="#batchupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>batch<wbr/>Update</span></a><a href="#beginupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>begin<wbr/>Update</span></a><a href="#cachelayout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Layout</span></a><a href="#cacheonelayout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>One<wbr/>Layout</span></a><a href="#cacherects"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cache<wbr/>Rects</span></a><a href="#changedposconstrain"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>changed<wbr/>Pos<wbr/>Constrain</span></a><a href="#cleanupnode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>cleanup<wbr/>Node</span></a><a href="#collide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide</span></a><a href="#collideall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>collide<wbr/>All</span></a><a href="#compact"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>compact</span></a><a href="#directioncollidecoverage" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>direction<wbr/>Collide<wbr/>Coverage</span></a><a href="#endupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>end<wbr/>Update</span></a><a href="#findcachelayout" class="tsd-is-protected"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Cache<wbr/>Layout</span></a><a href="#findemptyposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Empty<wbr/>Position</span></a><a href="#getdirtynodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Dirty<wbr/>Nodes</span></a><a href="#getrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Row</span></a><a href="#isareaempty"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Area<wbr/>Empty</span></a><a href="#movenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node</span></a><a href="#movenodecheck"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>move<wbr/>Node<wbr/>Check</span></a><a href="#nodeboundfix"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>node<wbr/>Bound<wbr/>Fix</span></a><a href="#preparenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>prepare<wbr/>Node</span></a><a href="#removeall"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>All</span></a><a href="#removenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node</span></a><a href="#removenodefromlayoutcache"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Node<wbr/>From<wbr/>Layout<wbr/>Cache</span></a><a href="#save"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>save</span></a><a href="#sortnodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort<wbr/>Nodes</span></a><a href="#swap"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a><a href="#willitfit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>will<wbr/>It<wbr/>Fit</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#addednodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>added<wbr/>Nodes</span></a><a href="#batchmode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>batch<wbr/>Mode</span></a><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#defaultcolumn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Column</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#nodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes</span></a><a href="#removednodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removed<wbr/>Nodes</span></a><a href="#skipcacheupdate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip<wbr/>Cache<wbr/>Update</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/classes/Utils.html b/docs/html/classes/Utils.html
new file mode 100644
index 000000000..2fc66afd4
--- /dev/null
+++ b/docs/html/classes/Utils.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Utils | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Utils</a></li></ul><h1>Class Utils</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Utility methods</p>
+</div><div class="tsd-comment tsd-typography"></div></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L61">utils.ts:61</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#addelstyles" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>El<wbr/>Styles</span></a>
+<a href="#appendto" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>append<wbr/>To</span></a>
+<a href="#area" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area</span></a>
+<a href="#areaintercept" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area<wbr/>Intercept</span></a>
+<a href="#canberotated" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>can<wbr/>Be<wbr/>Rotated</span></a>
+<a href="#clone" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone</span></a>
+<a href="#clonedeep" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Deep</span></a>
+<a href="#clonenode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Node</span></a>
+<a href="#copypos" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>copy<wbr/>Pos</span></a>
+<a href="#creatediv" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Div</span></a>
+<a href="#defaults" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>defaults</span></a>
+<a href="#find" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find</span></a>
+<a href="#getelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Element</span></a>
+<a href="#getelements" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Elements</span></a>
+<a href="#getvaluesfromtransformedelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span></a>
+<a href="#initevent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>Event</span></a>
+<a href="#isintercepted" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Intercepted</span></a>
+<a href="#istouching" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Touching</span></a>
+<a href="#lazyload" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>lazy<wbr/>Load</span></a>
+<a href="#parseheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>parse<wbr/>Height</span></a>
+<a href="#removeinternalandsame" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span></a>
+<a href="#removeinternalforsave" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span></a>
+<a href="#removepositioningstyles" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Positioning<wbr/>Styles</span></a>
+<a href="#same" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same</span></a>
+<a href="#samepos" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same<wbr/>Pos</span></a>
+<a href="#sanitizeminmax" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sanitize<wbr/>Min<wbr/>Max</span></a>
+<a href="#shouldsizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Size<wbr/>To<wbr/>Content</span></a>
+<a href="#simulatemouseevent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>simulate<wbr/>Mouse<wbr/>Event</span></a>
+<a href="#sort" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort</span></a>
+<a href="#swap" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a>
+<a href="#throttle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>throttle</span></a>
+<a href="#tobool" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Bool</span></a>
+<a href="#tonumber" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Number</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Constructors</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="constructor"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="constructorutils"><span class="tsd-signature-keyword">new</span> <span class="tsd-kind-constructor-signature">Utils</span><span class="tsd-signature-symbol">()</span><span class="tsd-signature-symbol">:</span> <a href="" class="tsd-signature-type tsd-kind-class">Utils</a><a href="#constructorutils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><h4 class="tsd-returns-title">Returns <a href="" class="tsd-signature-type tsd-kind-class">Utils</a></h4></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="addelstyles"><code class="tsd-tag">Static</code><span>add<wbr/>El<wbr/>Styles</span><a href="#addelstyles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="addelstyles-1"><span class="tsd-kind-call-signature">addElStyles</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">styles</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-signature-symbol">[</span><span class="tsd-kind-index-signature">prop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#addelstyles-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">styles</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-signature-symbol">[</span><span class="tsd-kind-index-signature">prop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L469">utils.ts:469</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="appendto"><code class="tsd-tag">Static</code><span>append<wbr/>To</span><a href="#appendto" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="appendto-1"><span class="tsd-kind-call-signature">appendTo</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#appendto-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L451">utils.ts:451</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="area"><code class="tsd-tag">Static</code><span>area</span><a href="#area" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="area-1"><span class="tsd-kind-call-signature">area</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#area-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the area</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L154">utils.ts:154</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="areaintercept"><code class="tsd-tag">Static</code><span>area<wbr/>Intercept</span><a href="#areaintercept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="areaintercept-1"><span class="tsd-kind-call-signature">areaIntercept</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#areaintercept-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns the area a and b overlap</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L143">utils.ts:143</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="canberotated"><code class="tsd-tag">Static</code><span>can<wbr/>Be<wbr/>Rotated</span><a href="#canberotated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="canberotated-1"><span class="tsd-kind-call-signature">canBeRotated</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#canberotated-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if the item can be rotated (checking for prop, not space available)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L572">utils.ts:572</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clone"><code class="tsd-tag">Static</code><span>clone</span><a href="#clone" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clone-1"><span class="tsd-kind-call-signature">clone</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">obj</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a><a href="#clone-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>single level clone, returning a new object with same top fields. This will share sub objects and arrays</p>
+</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="clonet"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">obj</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonet">T</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L414">utils.ts:414</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clonedeep"><code class="tsd-tag">Static</code><span>clone<wbr/>Deep</span><a href="#clonedeep" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clonedeep-1"><span class="tsd-kind-call-signature">cloneDeep</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">obj</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a><a href="#clonedeep-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Recursive clone version that returns a full copy, checking for nested objects and arrays ONLY.
+Note: this will use as-is any key starting with double __ (and not copy inside) some lib have circular dependencies.</p>
+</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="clonedeept"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">obj</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#clonedeept">T</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L430">utils.ts:430</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="clonenode"><code class="tsd-tag">Static</code><span>clone<wbr/>Node</span><a href="#clonenode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="clonenode-1"><span class="tsd-kind-call-signature">cloneNode</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#clonenode-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>deep clone the given HTML node, removing teh unique id field</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L445">utils.ts:445</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="copypos"><code class="tsd-tag">Static</code><span>copy<wbr/>Pos</span><a href="#copypos" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="copypos-1"><span class="tsd-kind-call-signature">copyPos</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">doMinMax</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><a href="#copypos-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies over b size &amp; position (GridStackPosition), and optionally min/max as well</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">doMinMax</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L244">utils.ts:244</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="creatediv"><code class="tsd-tag">Static</code><span>create<wbr/>Div</span><a href="#creatediv" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="creatediv-1"><span class="tsd-kind-call-signature">createDiv</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">classes</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#creatediv-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>create a div with the given classes</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">classes</span>: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L118">utils.ts:118</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="defaults"><code class="tsd-tag">Static</code><span>defaults</span><a href="#defaults" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="defaults-1"><span class="tsd-kind-call-signature">defaults</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">sources</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><a href="#defaults-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies unset fields in target to use the given default sources values</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">target</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-signature-symbol">...</span><span class="tsd-kind-parameter">sources</span>: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{}</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L214">utils.ts:214</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="find"><code class="tsd-tag">Static</code><span>find</span><a href="#find" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="find-1"><span class="tsd-kind-call-signature">find</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">id</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><a href="#find-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>find an item by id</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li><li><span><span class="tsd-kind-parameter">id</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L173">utils.ts:173</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getelement"><code class="tsd-tag">Static</code><span>get<wbr/>Element</span><a href="#getelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getelement-1"><span class="tsd-kind-call-signature">getElement</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><a href="#getelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>convert a potential selector into actual single element. optional root which defaults to document (for shadow dom)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">root</span>: <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = document</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L87">utils.ts:87</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getelements"><code class="tsd-tag">Static</code><span>get<wbr/>Elements</span><a href="#getelements" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getelements-1"><span class="tsd-kind-call-signature">getElements</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">els</span><span class="tsd-signature-symbol">:</span> <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">root</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span><a href="#getelements-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>convert a potential selector into actual list of html elements. optional root which defaults to document (for shadow dom)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">els</span>: <a href="../types/GridStackElement.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElement</a></span></li><li><span><span class="tsd-kind-parameter">root</span>: <span class="tsd-signature-type">Document</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = document</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L64">utils.ts:64</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="getvaluesfromtransformedelement"><code class="tsd-tag">Static</code><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span><a href="#getvaluesfromtransformedelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="getvaluesfromtransformedelement-1"><span class="tsd-kind-call-signature">getValuesFromTransformedElement</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/DragTransform.html" class="tsd-signature-type tsd-kind-interface">DragTransform</a><a href="#getvaluesfromtransformedelement-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>defines an element that is used to get the offset and scale from grid transforms
+returns the scale and offsets from said element</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/DragTransform.html" class="tsd-signature-type tsd-kind-interface">DragTransform</a></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L529">utils.ts:529</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="initevent"><code class="tsd-tag">Static</code><span>init<wbr/>Event</span><a href="#initevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="initevent-1"><span class="tsd-kind-call-signature">initEvent</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">info</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">type</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a><a href="#initevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="initeventt"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">DragEvent</span></span></li><li><span><span class="tsd-kind-parameter">info</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">type</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="#initeventt">T</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L486">utils.ts:486</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="isintercepted"><code class="tsd-tag">Static</code><span>is<wbr/>Intercepted</span><a href="#isintercepted" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="isintercepted-1"><span class="tsd-kind-call-signature">isIntercepted</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#isintercepted-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns true if a and b overlap</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L133">utils.ts:133</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="istouching"><code class="tsd-tag">Static</code><span>is<wbr/>Touching</span><a href="#istouching" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="istouching-1"><span class="tsd-kind-call-signature">isTouching</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#istouching-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>returns true if a and b touch edges or corners</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L138">utils.ts:138</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Static</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="lazyload-1"><span class="tsd-kind-call-signature">lazyLoad</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#lazyload-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if widget (or grid) makes this item lazyLoad</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L113">utils.ts:113</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="parseheight"><code class="tsd-tag">Static</code><span>parse<wbr/>Height</span><a href="#parseheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="parseheight-1"><span class="tsd-kind-call-signature">parseHeight</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">val</span><span class="tsd-signature-symbol">:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/HeightData.html" class="tsd-signature-type tsd-kind-interface">HeightData</a><a href="#parseheight-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">val</span>: <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/HeightData.html" class="tsd-signature-type tsd-kind-interface">HeightData</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L193">utils.ts:193</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeinternalandsame"><code class="tsd-tag">Static</code><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span><a href="#removeinternalandsame" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeinternalandsame-1"><span class="tsd-kind-call-signature">removeInternalAndSame</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeinternalandsame-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>removes field from the first object if same as the second objects (like diffing) and internal '_' for saving</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L273">utils.ts:273</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removeinternalforsave"><code class="tsd-tag">Static</code><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span><a href="#removeinternalforsave" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removeinternalforsave-1"><span class="tsd-kind-call-signature">removeInternalForSave</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">removeEl</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removeinternalforsave-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>removes internal fields '_' and default values for saving</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">removeEl</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L288">utils.ts:288</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removepositioningstyles"><code class="tsd-tag">Static</code><span>remove<wbr/>Positioning<wbr/>Styles</span><a href="#removepositioningstyles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="removepositioningstyles-1"><span class="tsd-kind-call-signature">removePositioningStyles</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#removepositioningstyles-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L321">utils.ts:321</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="same"><code class="tsd-tag">Static</code><span>same</span><a href="#same" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="same-1"><span class="tsd-kind-call-signature">same</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#same-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given 2 objects return true if they have the same values. Checks for Object {} having same fields and values (just 1 level down)</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L232">utils.ts:232</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="samepos"><code class="tsd-tag">Static</code><span>same<wbr/>Pos</span><a href="#samepos" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="samepos-1"><span class="tsd-kind-call-signature">samePos</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#samepos-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if a and b has same size &amp; position</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">a</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li><li><span><span class="tsd-kind-parameter">b</span>: <a href="../interfaces/GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L259">utils.ts:259</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sanitizeminmax"><code class="tsd-tag">Static</code><span>sanitize<wbr/>Min<wbr/>Max</span><a href="#sanitizeminmax" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sanitizeminmax-1"><span class="tsd-kind-call-signature">sanitizeMinMax</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#sanitizeminmax-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>given a node, makes sure it's min/max are valid</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L264">utils.ts:264</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="shouldsizetocontent"><code class="tsd-tag">Static</code><span>should<wbr/>Size<wbr/>To<wbr/>Content</span><a href="#shouldsizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="shouldsizetocontent-1"><span class="tsd-kind-call-signature">shouldSizeToContent</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">n</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">strict</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#shouldsizetocontent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>true if we should resize to content. strict=true when only 'sizeToContent:true' and not a number which lets user adjust</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">n</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">strict</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L126">utils.ts:126</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="simulatemouseevent"><code class="tsd-tag">Static</code><span>simulate<wbr/>Mouse<wbr/>Event</span><a href="#simulatemouseevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="simulatemouseevent-1"><span class="tsd-kind-call-signature">simulateMouseEvent</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">e</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Touch</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">simulatedType</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">target</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#simulatemouseevent-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>copies the MouseEvent (or convert Touch) properties and sends it as another event to the given target</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">e</span>: <span class="tsd-signature-type">MouseEvent</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">Touch</span></span></li><li><span><span class="tsd-kind-parameter">simulatedType</span>: <span class="tsd-signature-type">string</span></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">target</span>: <span class="tsd-signature-type">EventTarget</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L502">utils.ts:502</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sort"><code class="tsd-tag">Static</code><span>sort</span><a href="#sort" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="sort-1"><span class="tsd-kind-call-signature">sort</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">dir</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><a href="#sort-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Sorts array of nodes</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span><div class="tsd-comment tsd-typography"><p>array to sort</p>
+</div><div class="tsd-comment tsd-typography"></div></li><li><span><span class="tsd-kind-parameter">dir</span>: <span class="tsd-signature-type">-1</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">1</span><span class="tsd-signature-symbol"> = 1</span></span><div class="tsd-comment tsd-typography"><p>1 for ascending, -1 for descending (optional)</p>
+</div><div class="tsd-comment tsd-typography"></div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L163">utils.ts:163</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="swap"><code class="tsd-tag">Static</code><span>swap</span><a href="#swap" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="swap-1"><span class="tsd-kind-call-signature">swap</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">o</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">b</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span><a href="#swap-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>swap the given object 2 field values</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">o</span>: <span class="tsd-signature-type">unknown</span></span></li><li><span><span class="tsd-kind-parameter">a</span>: <span class="tsd-signature-type">string</span></span></li><li><span><span class="tsd-kind-parameter">b</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L553">utils.ts:553</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="throttle"><code class="tsd-tag">Static</code><span>throttle</span><a href="#throttle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="throttle-1"><span class="tsd-kind-call-signature">throttle</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">func</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">delay</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><a href="#throttle-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>delay calling the given function for given delay, preventing new calls from happening while waiting</p>
+</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">func</span>: <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></span></li><li><span><span class="tsd-kind-parameter">delay</span>: <span class="tsd-signature-type">number</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">()</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L311">utils.ts:311</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="tobool"><code class="tsd-tag">Static</code><span>to<wbr/>Bool</span><a href="#tobool" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="tobool-1"><span class="tsd-kind-call-signature">toBool</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">v</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unknown</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#tobool-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">v</span>: <span class="tsd-signature-type">unknown</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L178">utils.ts:178</a></li></ul></aside></div></li></ul></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="tonumber"><code class="tsd-tag">Static</code><span>to<wbr/>Number</span><a href="#tonumber" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="tonumber-1"><span class="tsd-kind-call-signature">toNumber</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><a href="#tonumber-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">value</span>: <span class="tsd-signature-type">string</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L189">utils.ts:189</a></li></ul></aside></div></li></ul></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Constructors"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Constructors</summary><div><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Constructor"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#addelstyles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>add<wbr/>El<wbr/>Styles</span></a><a href="#appendto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>append<wbr/>To</span></a><a href="#area"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area</span></a><a href="#areaintercept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>area<wbr/>Intercept</span></a><a href="#canberotated"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>can<wbr/>Be<wbr/>Rotated</span></a><a href="#clone"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone</span></a><a href="#clonedeep"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Deep</span></a><a href="#clonenode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>clone<wbr/>Node</span></a><a href="#copypos"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>copy<wbr/>Pos</span></a><a href="#creatediv"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>create<wbr/>Div</span></a><a href="#defaults"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>defaults</span></a><a href="#find"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find</span></a><a href="#getelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Element</span></a><a href="#getelements"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Elements</span></a><a href="#getvaluesfromtransformedelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>get<wbr/>Values<wbr/>From<wbr/>Transformed<wbr/>Element</span></a><a href="#initevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>init<wbr/>Event</span></a><a href="#isintercepted"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Intercepted</span></a><a href="#istouching"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>is<wbr/>Touching</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>lazy<wbr/>Load</span></a><a href="#parseheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>parse<wbr/>Height</span></a><a href="#removeinternalandsame"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>And<wbr/>Same</span></a><a href="#removeinternalforsave"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Internal<wbr/>For<wbr/>Save</span></a><a href="#removepositioningstyles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>remove<wbr/>Positioning<wbr/>Styles</span></a><a href="#same"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same</span></a><a href="#samepos"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>same<wbr/>Pos</span></a><a href="#sanitizeminmax"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sanitize<wbr/>Min<wbr/>Max</span></a><a href="#shouldsizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>should<wbr/>Size<wbr/>To<wbr/>Content</span></a><a href="#simulatemouseevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>simulate<wbr/>Mouse<wbr/>Event</span></a><a href="#sort"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>sort</span></a><a href="#swap"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>swap</span></a><a href="#throttle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>throttle</span></a><a href="#tobool"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Bool</span></a><a href="#tonumber"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>to<wbr/>Number</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/hierarchy.html b/docs/html/hierarchy.html
new file mode 100644
index 000000000..6354a017d
--- /dev/null
+++ b/docs/html/hierarchy.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>gridstack - v12.2.2-dev</h1></div><h2>Hierarchy Summary</h2><ul class="tsd-full-hierarchy"><li data-refl="1393" id="DDBaseImplement"><a href="classes/DDBaseImplement.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDBaseImplement</a><ul><li data-refl="1066" id="DDDraggable"><a href="classes/DDDraggable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDDraggable</a></li><li data-refl="1170" id="DDDroppable"><a href="classes/DDDroppable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDDroppable</a></li><li data-refl="1253" id="DDResizable"><a href="classes/DDResizable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDResizable</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="355" id="GridItemHTMLElement"><a href="interfaces/GridItemHTMLElement.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridItemHTMLElement</a><ul><li data-refl="1026" id="DDElementHost"><a href="interfaces/DDElementHost.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>DDElementHost</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="475" id="GridStackPosition"><a href="interfaces/GridStackPosition.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackPosition</a><ul><li data-refl="457" id="GridStackMoveOpts"><a href="interfaces/GridStackMoveOpts.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackMoveOpts</a></li><li data-refl="480" id="GridStackWidget"><a href="interfaces/GridStackWidget.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackWidget</a><ul><li data-refl="544" id="GridStackNode"><a href="interfaces/GridStackNode.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>GridStackNode</a></li></ul></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="1420" id="HTMLElementExtendOpt"><a href="interfaces/HTMLElementExtendOpt.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>HTMLElementExtendOpt</a><ul><li data-refl="1066"><a href="classes/DDDraggable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDDraggable</a></li><li data-refl="1170"><a href="classes/DDDroppable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDDroppable</a></li><li data-refl="1253"><a href="classes/DDResizable.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg>DDResizable</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="532" id="Position"><a href="interfaces/Position.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Position</a><ul><li data-refl="535" id="Rect"><a href="interfaces/Rect.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Rect</a></li></ul></li></ul><ul class="tsd-full-hierarchy"><li data-refl="529" id="Size"><a href="interfaces/Size.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Size</a><ul><li data-refl="535"><a href="interfaces/Rect.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg>Rect</a></li></ul></li></ul></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/index.html b/docs/html/index.html
new file mode 100644
index 000000000..0da18d5be
--- /dev/null
+++ b/docs/html/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><link rel="canonical" href="https://gridstack.github.io/gridstack.js/"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body>
+<!-- Documentation ordered with GridStack → GridStackEngine → GridStackOptions first -->
+<script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>gridstack - v12.2.2-dev</h1></div><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Classes"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Classes</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="gridstack"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/GridStack.html">GridStack</a><a href="#gridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackengine"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/GridStackEngine.html">GridStackEngine</a><a href="#gridstackengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="utils"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/Utils.html">Utils</a><a href="#utils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddbaseimplement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDBaseImplement.html">DDBaseImplement</a><a href="#ddbaseimplement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddraggable"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDDraggable.html">DDDraggable</a><a href="#dddraggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddroppable"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDDroppable.html">DDDroppable</a><a href="#dddroppable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDElement.html">DDElement</a><a href="#ddelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddgridstack"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDGridStack.html">DDGridStack</a><a href="#ddgridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddmanager"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDManager.html">DDManager</a><a href="#ddmanager" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizable"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDResizable.html">DDResizable</a><a href="#ddresizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizablehandle"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDResizableHandle.html">DDResizableHandle</a><a href="#ddresizablehandle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Interfaces"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Interfaces</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="gridstackoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackOptions.html">GridStackOptions</a><a href="#gridstackoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="breakpoint"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Breakpoint.html">Breakpoint</a><a href="#breakpoint" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="cellposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/CellPosition.html">CellPosition</a><a href="#cellposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddragopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDDragOpt.html">DDDragOpt</a><a href="#dddragopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddroppableopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDDroppableOpt.html">DDDroppableOpt</a><a href="#dddroppableopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddelementhost"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDElementHost.html">DDElementHost</a><a href="#ddelementhost" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddremoveopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDRemoveOpt.html">DDRemoveOpt</a><a href="#ddremoveopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizablehandleopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDResizableHandleOpt.html">DDResizableHandleOpt</a><a href="#ddresizablehandleopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizableopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDResizableOpt.html">DDResizableOpt</a><a href="#ddresizableopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizeopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDResizeOpt.html">DDResizeOpt</a><a href="#ddresizeopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dduidata"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDUIData.html">DDUIData</a><a href="#dduidata" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dragtransform"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DragTransform.html">DragTransform</a><a href="#dragtransform" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridhtmlelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridHTMLElement.html">GridHTMLElement</a><a href="#gridhtmlelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="griditemhtmlelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridItemHTMLElement.html">GridItemHTMLElement</a><a href="#griditemhtmlelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackengineoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackEngineOptions.html">GridStackEngineOptions</a><a href="#gridstackengineoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackmoveopts"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackMoveOpts.html">GridStackMoveOpts</a><a href="#gridstackmoveopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstacknode"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackNode.html">GridStackNode</a><a href="#gridstacknode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackPosition.html">GridStackPosition</a><a href="#gridstackposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackwidget"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackWidget.html">GridStackWidget</a><a href="#gridstackwidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="heightdata"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/HeightData.html">HeightData</a><a href="#heightdata" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="htmlelementextendopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/HTMLElementExtendOpt.html">HTMLElementExtendOpt</a><a href="#htmlelementextendopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="mouseposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/MousePosition.html">MousePosition</a><a href="#mouseposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="position"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Position.html">Position</a><a href="#position" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="rect"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Rect.html">Rect</a><a href="#rect" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="responsive"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Responsive.html">Responsive</a><a href="#responsive" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="size"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Size.html">Size</a><a href="#size" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Variables"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Variables</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="griddefaults"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Variable"><use href="assets/icons.svg#icon-32"></use></svg><a href="variables/gridDefaults.html">gridDefaults</a><a href="#griddefaults" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Type Aliases"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Type Aliases</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="addremovefcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/AddRemoveFcn.html">AddRemoveFcn</a><a href="#addremovefcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="columnoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/ColumnOptions.html">ColumnOptions</a><a href="#columnoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="compactoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/CompactOptions.html">CompactOptions</a><a href="#compactoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddcallback"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDCallback.html">DDCallback</a><a href="#ddcallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddropopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDDropOpt.html">DDDropOpt</a><a href="#dddropopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddkey"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDKey.html">DDKey</a><a href="#ddkey" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddopts"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDOpts.html">DDOpts</a><a href="#ddopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddvalue"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDValue.html">DDValue</a><a href="#ddvalue" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="eventcallback"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/EventCallback.html">EventCallback</a><a href="#eventcallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackdroppedhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackDroppedHandler.html">GridStackDroppedHandler</a><a href="#gridstackdroppedhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackElement.html">GridStackElement</a><a href="#gridstackelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackelementhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackElementHandler.html">GridStackElementHandler</a><a href="#gridstackelementhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackevent"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEvent.html">GridStackEvent</a><a href="#gridstackevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackeventhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEventHandler.html">GridStackEventHandler</a><a href="#gridstackeventhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackeventhandlercallback"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEventHandlerCallback.html">GridStackEventHandlerCallback</a><a href="#gridstackeventhandlercallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstacknodeshandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackNodesHandler.html">GridStackNodesHandler</a><a href="#gridstacknodeshandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="numberorstring"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/numberOrString.html">numberOrString</a><a href="#numberorstring" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="renderfcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/RenderFcn.html">RenderFcn</a><a href="#renderfcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="resizetocontentfcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/ResizeToContentFcn.html">ResizeToContentFcn</a><a href="#resizetocontentfcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="savefcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/SaveFcn.html">SaveFcn</a><a href="#savefcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Classes"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Classes</summary><div><a href="#ddbaseimplement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Base<wbr/>Implement</span></a><a href="#dddraggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Draggable</span></a><a href="#dddroppable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Droppable</span></a><a href="#ddelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Element</span></a><a href="#ddgridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Grid<wbr/>Stack</span></a><a href="#ddmanager"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Manager</span></a><a href="#ddresizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Resizable</span></a><a href="#ddresizablehandle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Resizable<wbr/>Handle</span></a><a href="#gridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Grid<wbr/>Stack</span></a><a href="#gridstackengine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Grid<wbr/>Stack<wbr/>Engine</span></a><a href="#utils"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Utils</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Interfaces"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Interfaces</summary><div><a href="#breakpoint"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Breakpoint</span></a><a href="#cellposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Cell<wbr/>Position</span></a><a href="#dddragopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Drag<wbr/>Opt</span></a><a href="#dddroppableopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Droppable<wbr/>Opt</span></a><a href="#ddelementhost"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Element<wbr/>Host</span></a><a href="#ddremoveopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Remove<wbr/>Opt</span></a><a href="#ddresizablehandleopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Resizable<wbr/>Handle<wbr/>Opt</span></a><a href="#ddresizableopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Resizable<wbr/>Opt</span></a><a href="#ddresizeopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Resize<wbr/>Opt</span></a><a href="#dduidata"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DDUI<wbr/>Data</span></a><a href="#dragtransform"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Drag<wbr/>Transform</span></a><a href="#gridhtmlelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>HTML<wbr/>Element</span></a><a href="#griditemhtmlelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Item<wbr/>HTML<wbr/>Element</span></a><a href="#gridstackengineoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Engine<wbr/>Options</span></a><a href="#gridstackmoveopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Move<wbr/>Opts</span></a><a href="#gridstacknode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Node</span></a><a href="#gridstackoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Options</span></a><a href="#gridstackposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Position</span></a><a href="#gridstackwidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Widget</span></a><a href="#heightdata"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Height<wbr/>Data</span></a><a href="#htmlelementextendopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>HTML<wbr/>Element<wbr/>Extend<wbr/>Opt</span></a><a href="#mouseposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Mouse<wbr/>Position</span></a><a href="#position"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Position</span></a><a href="#rect"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Rect</span></a><a href="#responsive"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Responsive</span></a><a href="#size"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Size</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Variables"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Variables</summary><div><a href="#griddefaults"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Variable"><use href="assets/icons.svg#icon-32"></use></svg><span>grid<wbr/>Defaults</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Type Aliases"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Type Aliases</summary><div><a href="#addremovefcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Add<wbr/>Remove<wbr/>Fcn</span></a><a href="#columnoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Column<wbr/>Options</span></a><a href="#compactoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Compact<wbr/>Options</span></a><a href="#ddcallback"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Callback</span></a><a href="#dddropopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Drop<wbr/>Opt</span></a><a href="#ddkey"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Key</span></a><a href="#ddopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Opts</span></a><a href="#ddvalue"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Value</span></a><a href="#eventcallback"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Event<wbr/>Callback</span></a><a href="#gridstackdroppedhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Dropped<wbr/>Handler</span></a><a href="#gridstackelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Element</span></a><a href="#gridstackelementhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Element<wbr/>Handler</span></a><a href="#gridstackevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event</span></a><a href="#gridstackeventhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event<wbr/>Handler</span></a><a href="#gridstackeventhandlercallback"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event<wbr/>Handler<wbr/>Callback</span></a><a href="#gridstacknodeshandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Nodes<wbr/>Handler</span></a><a href="#numberorstring"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>number<wbr/>Or<wbr/>String</span></a><a href="#renderfcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Render<wbr/>Fcn</span></a><a href="#resizetocontentfcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Resize<wbr/>To<wbr/>Content<wbr/>Fcn</span></a><a href="#savefcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Save<wbr/>Fcn</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="index.html" class="current">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/Breakpoint.html b/docs/html/interfaces/Breakpoint.html
new file mode 100644
index 000000000..740a1027a
--- /dev/null
+++ b/docs/html/interfaces/Breakpoint.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Breakpoint | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Breakpoint</a></li></ul><h1>Interface Breakpoint</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Breakpoint</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#c">c</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L96">types.ts:96</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#c" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>c</span></a>
+<a href="#layout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout?</span></a>
+<a href="#w" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="c"><span>c</span><a href="#c" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">c</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>column count</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L100">types.ts:100</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="layout"><code class="tsd-tag">Optional</code><span>layout</span><a href="#layout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><div class="tsd-comment tsd-typography"><p>re-layout mode if different from global one</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L102">types.ts:102</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>&lt;= width for the breakpoint to trigger</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L98">types.ts:98</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#c"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>c</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a><a href="#w"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/CellPosition.html b/docs/html/interfaces/CellPosition.html
similarity index 94%
rename from docs/interfaces/CellPosition.html
rename to docs/html/interfaces/CellPosition.html
index a1720ba0f..c13d75c38 100644
--- a/docs/interfaces/CellPosition.html
+++ b/docs/html/interfaces/CellPosition.html
@@ -1,4 +1,4 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CellPosition | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">CellPosition</a></li></ul><h1>Interface CellPosition</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Defines the position of a cell inside the grid</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">CellPosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L49">gridstack.ts:49</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#x" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">CellPosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L56">gridstack.ts:56</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#x" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a>
 <a href="#y" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="x"><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L50">gridstack.ts:50</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="y"><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L51">gridstack.ts:51</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#x"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="x"><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L57">gridstack.ts:57</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="y"><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L58">gridstack.ts:58</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#x"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/DDDragOpt.html b/docs/html/interfaces/DDDragOpt.html
similarity index 53%
rename from docs/interfaces/DDDragOpt.html
rename to docs/html/interfaces/DDDragOpt.html
index 57db3d53d..24e295eb8 100644
--- a/docs/interfaces/DDDragOpt.html
+++ b/docs/html/interfaces/DDDragOpt.html
@@ -1,18 +1,18 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDDragOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDDragOpt</a></li></ul><h1>Interface DDDragOpt</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Drag&amp;Drop dragging options</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDDragOpt</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#handle">handle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#appendto">appendTo</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#pause">pause</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#scroll">scroll</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cancel">cancel</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#helper">helper</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">&quot;clone&quot;</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">HTMLElement</span>)<span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#start">start</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#stop">stop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#drag">drag</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L373">types.ts:373</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#handle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle?</span></a>
-<a href="#appendto" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>append<wbr/>To?</span></a>
-<a href="#pause" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause?</span></a>
-<a href="#scroll" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scroll?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDDragOpt</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#appendto">appendTo</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cancel">cancel</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#drag">drag</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handle">handle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#helper">helper</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">&quot;clone&quot;</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">HTMLElement</span>)<span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#pause">pause</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#scroll">scroll</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#start">start</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#stop">stop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L373">types.ts:373</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#appendto" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>append<wbr/>To?</span></a>
 <a href="#cancel" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cancel?</span></a>
+<a href="#drag" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag?</span></a>
+<a href="#handle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle?</span></a>
 <a href="#helper" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>helper?</span></a>
+<a href="#pause" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause?</span></a>
+<a href="#scroll" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scroll?</span></a>
 <a href="#start" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start?</span></a>
 <a href="#stop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop?</span></a>
-<a href="#drag" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="handle"><code class="tsd-tag">Optional</code><span>handle</span><a href="#handle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">handle</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>class selector of items that can be dragged. default to '.grid-stack-item-content'</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L375">types.ts:375</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="appendto"><code class="tsd-tag">Optional</code><span>append<wbr/>To</span><a href="#appendto" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">appendTo</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>default to 'body'</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L377">types.ts:377</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pause"><code class="tsd-tag">Optional</code><span>pause</span><a href="#pause" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">pause</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if set (true | msec), dragging placement (collision) will only happen after a pause by the user. Note: this is Global</p>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="appendto"><code class="tsd-tag">Optional</code><span>append<wbr/>To</span><a href="#appendto" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">appendTo</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>default to 'body'</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L377">types.ts:377</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cancel"><code class="tsd-tag">Optional</code><span>cancel</span><a href="#cancel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cancel</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>prevents dragging from starting on specified elements, listed as comma separated selectors (eg: '.no-drag'). default built in is 'input,textarea,button,select,option'</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L383">types.ts:383</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drag"><code class="tsd-tag">Optional</code><span>drag</span><a href="#drag" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L389">types.ts:389</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="handle"><code class="tsd-tag">Optional</code><span>handle</span><a href="#handle" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">handle</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>class selector of items that can be dragged. default to '.grid-stack-item-content'</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L375">types.ts:375</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="helper"><code class="tsd-tag">Optional</code><span>helper</span><a href="#helper" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">helper</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">&quot;clone&quot;</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">HTMLElement</span>)</div><div class="tsd-comment tsd-typography"><p>helper function when dropping: 'clone' or your own method</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L385">types.ts:385</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pause"><code class="tsd-tag">Optional</code><span>pause</span><a href="#pause" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">pause</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if set (true | msec), dragging placement (collision) will only happen after a pause by the user. Note: this is Global</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L379">types.ts:379</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="scroll"><code class="tsd-tag">Optional</code><span>scroll</span><a href="#scroll" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">scroll</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>default to <code>true</code></p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L381">types.ts:381</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cancel"><code class="tsd-tag">Optional</code><span>cancel</span><a href="#cancel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cancel</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>prevents dragging from starting on specified elements, listed as comma separated selectors (eg: '.no-drag'). default built in is 'input,textarea,button,select,option'</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L383">types.ts:383</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="helper"><code class="tsd-tag">Optional</code><span>helper</span><a href="#helper" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">helper</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">&quot;clone&quot;</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">HTMLElement</span>)</div><div class="tsd-comment tsd-typography"><p>helper function when dropping: 'clone' or your own method</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L385">types.ts:385</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="start"><code class="tsd-tag">Optional</code><span>start</span><a href="#start" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">start</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>callbacks</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L387">types.ts:387</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="stop"><code class="tsd-tag">Optional</code><span>stop</span><a href="#stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">stop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L388">types.ts:388</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drag"><code class="tsd-tag">Optional</code><span>drag</span><a href="#drag" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L389">types.ts:389</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#handle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle</span></a><a href="#appendto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>append<wbr/>To</span></a><a href="#pause"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause</span></a><a href="#scroll"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scroll</span></a><a href="#cancel"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cancel</span></a><a href="#helper"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>helper</span></a><a href="#start"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start</span></a><a href="#stop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop</span></a><a href="#drag"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L381">types.ts:381</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="start"><code class="tsd-tag">Optional</code><span>start</span><a href="#start" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">start</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>callbacks</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L387">types.ts:387</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="stop"><code class="tsd-tag">Optional</code><span>stop</span><a href="#stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">stop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L388">types.ts:388</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#appendto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>append<wbr/>To</span></a><a href="#cancel"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cancel</span></a><a href="#drag"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drag</span></a><a href="#handle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle</span></a><a href="#helper"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>helper</span></a><a href="#pause"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pause</span></a><a href="#scroll"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>scroll</span></a><a href="#start"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start</span></a><a href="#stop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/DDDroppableOpt.html b/docs/html/interfaces/DDDroppableOpt.html
new file mode 100644
index 000000000..10302130c
--- /dev/null
+++ b/docs/html/interfaces/DDDroppableOpt.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDDroppableOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDDroppableOpt</a></li></ul><h1>Interface DDDroppableOpt</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDDroppableOpt</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#accept">accept</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span>)<span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#drop">drop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#out">out</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#over">over</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L14">dd-droppable.ts:14</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#accept" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept?</span></a>
+<a href="#drop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drop?</span></a>
+<a href="#out" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>out?</span></a>
+<a href="#over" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>over?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="accept"><code class="tsd-tag">Optional</code><span>accept</span><a href="#accept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">accept</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span>)</div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L15">dd-droppable.ts:15</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="drop"><code class="tsd-tag">Optional</code><span>drop</span><a href="#drop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">drop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L16">dd-droppable.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="out"><code class="tsd-tag">Optional</code><span>out</span><a href="#out" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">out</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L18">dd-droppable.ts:18</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="over"><code class="tsd-tag">Optional</code><span>over</span><a href="#over" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">over</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DragEvent</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-droppable.ts#L17">dd-droppable.ts:17</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a><a href="#drop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>drop</span></a><a href="#out"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>out</span></a><a href="#over"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>over</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/DDElementHost.html b/docs/html/interfaces/DDElementHost.html
new file mode 100644
index 000000000..8efbc2913
--- /dev/null
+++ b/docs/html/interfaces/DDElementHost.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDElementHost | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDElementHost</a></li></ul><h1>Interface DDElementHost</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDElementHost</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#ddelement">ddElement</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/DDElement.html" class="tsd-signature-type tsd-kind-class">DDElement</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#gridstacknode">gridstackNode</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="1026"><h4>Hierarchy (<a href="../hierarchy.html#DDElementHost">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">DDElementHost</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L11">dd-element.ts:11</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#ddelement" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Element?</span></a>
+<a href="#gridstacknode" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="ddelement"><code class="tsd-tag">Optional</code><span>dd<wbr/>Element</span><a href="#ddelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">ddElement</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/DDElement.html" class="tsd-signature-type tsd-kind-class">DDElement</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-element.ts#L12">dd-element.ts:12</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="gridstacknode"><code class="tsd-tag">Optional</code><span>gridstack<wbr/>Node</span><a href="#gridstacknode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">gridstackNode</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>pointer to grid node instance</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridItemHTMLElement.html">GridItemHTMLElement</a>.<a href="GridItemHTMLElement.html#gridstacknode">gridstackNode</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L57">types.ts:57</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#ddelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>dd<wbr/>Element</span></a><a href="#gridstacknode" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/DDRemoveOpt.html b/docs/html/interfaces/DDRemoveOpt.html
similarity index 96%
rename from docs/interfaces/DDRemoveOpt.html
rename to docs/html/interfaces/DDRemoveOpt.html
index 8c5a79d97..1c5d3c419 100644
--- a/docs/interfaces/DDRemoveOpt.html
+++ b/docs/html/interfaces/DDRemoveOpt.html
@@ -3,4 +3,4 @@
 <a href="#decline" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>decline?</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="accept"><code class="tsd-tag">Optional</code><span>accept</span><a href="#accept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">accept</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>class that can be removed (default?: opts.itemClass)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L367">types.ts:367</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="decline"><code class="tsd-tag">Optional</code><span>decline</span><a href="#decline" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">decline</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>class that cannot be removed (default: 'grid-stack-non-removable')</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L369">types.ts:369</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a><a href="#decline"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>decline</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L369">types.ts:369</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a><a href="#decline"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>decline</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/DDResizableHandleOpt.html b/docs/html/interfaces/DDResizableHandleOpt.html
new file mode 100644
index 000000000..f11577819
--- /dev/null
+++ b/docs/html/interfaces/DDResizableHandleOpt.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDResizableHandleOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDResizableHandleOpt</a></li></ul><h1>Interface DDResizableHandleOpt</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDResizableHandleOpt</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#move">move</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#start">start</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#stop">stop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L9">dd-resizable-handle.ts:9</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#move" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>move?</span></a>
+<a href="#start" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start?</span></a>
+<a href="#stop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="move"><code class="tsd-tag">Optional</code><span>move</span><a href="#move" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">move</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L11">dd-resizable-handle.ts:11</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="start"><code class="tsd-tag">Optional</code><span>start</span><a href="#start" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">start</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L10">dd-resizable-handle.ts:10</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="stop"><code class="tsd-tag">Optional</code><span>stop</span><a href="#stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">stop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable-handle.ts#L12">dd-resizable-handle.ts:12</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#move"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>move</span></a><a href="#start"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start</span></a><a href="#stop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/DDResizableOpt.html b/docs/html/interfaces/DDResizableOpt.html
new file mode 100644
index 000000000..40acfac55
--- /dev/null
+++ b/docs/html/interfaces/DDResizableOpt.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDResizableOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDResizableOpt</a></li></ul><h1>Interface DDResizableOpt</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDResizableOpt</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#autohide">autoHide</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handles">handles</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxheight">maxHeight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxheightmoveup">maxHeightMoveUp</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxwidth">maxWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxwidthmoveleft">maxWidthMoveLeft</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minheight">minHeight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minwidth">minWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resize">resize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#start">start</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#stop">stop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L15">dd-resizable.ts:15</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#autohide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Hide?</span></a>
+<a href="#handles" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handles?</span></a>
+<a href="#maxheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Height?</span></a>
+<a href="#maxheightmoveup" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Height<wbr/>Move<wbr/>Up?</span></a>
+<a href="#maxwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Width?</span></a>
+<a href="#maxwidthmoveleft" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Width<wbr/>Move<wbr/>Left?</span></a>
+<a href="#minheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Height?</span></a>
+<a href="#minwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Width?</span></a>
+<a href="#resize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize?</span></a>
+<a href="#start" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start?</span></a>
+<a href="#stop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autohide"><code class="tsd-tag">Optional</code><span>auto<wbr/>Hide</span><a href="#autohide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoHide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L16">dd-resizable.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="handles"><code class="tsd-tag">Optional</code><span>handles</span><a href="#handles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">handles</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L17">dd-resizable.ts:17</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxheight"><code class="tsd-tag">Optional</code><span>max<wbr/>Height</span><a href="#maxheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxHeight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L18">dd-resizable.ts:18</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxheightmoveup"><code class="tsd-tag">Optional</code><span>max<wbr/>Height<wbr/>Move<wbr/>Up</span><a href="#maxheightmoveup" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxHeightMoveUp</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L19">dd-resizable.ts:19</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxwidth"><code class="tsd-tag">Optional</code><span>max<wbr/>Width</span><a href="#maxwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L20">dd-resizable.ts:20</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxwidthmoveleft"><code class="tsd-tag">Optional</code><span>max<wbr/>Width<wbr/>Move<wbr/>Left</span><a href="#maxwidthmoveleft" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxWidthMoveLeft</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L21">dd-resizable.ts:21</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minheight"><code class="tsd-tag">Optional</code><span>min<wbr/>Height</span><a href="#minheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minHeight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L22">dd-resizable.ts:22</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minwidth"><code class="tsd-tag">Optional</code><span>min<wbr/>Width</span><a href="#minwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L23">dd-resizable.ts:23</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resize"><code class="tsd-tag">Optional</code><span>resize</span><a href="#resize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L26">dd-resizable.ts:26</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="start"><code class="tsd-tag">Optional</code><span>start</span><a href="#start" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">start</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">ui</span><span class="tsd-signature-symbol">:</span> <a href="DDUIData.html" class="tsd-signature-type tsd-kind-interface">DDUIData</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L24">dd-resizable.ts:24</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="stop"><code class="tsd-tag">Optional</code><span>stop</span><a href="#stop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">stop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-resizable.ts#L25">dd-resizable.ts:25</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#autohide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Hide</span></a><a href="#handles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handles</span></a><a href="#maxheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Height</span></a><a href="#maxheightmoveup"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Height<wbr/>Move<wbr/>Up</span></a><a href="#maxwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Width</span></a><a href="#maxwidthmoveleft"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Width<wbr/>Move<wbr/>Left</span></a><a href="#minheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Height</span></a><a href="#minwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Width</span></a><a href="#resize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize</span></a><a href="#start"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>start</span></a><a href="#stop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>stop</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/DDResizeOpt.html b/docs/html/interfaces/DDResizeOpt.html
similarity index 96%
rename from docs/interfaces/DDResizeOpt.html
rename to docs/html/interfaces/DDResizeOpt.html
index 4abfcc2a0..a82345a31 100644
--- a/docs/interfaces/DDResizeOpt.html
+++ b/docs/html/interfaces/DDResizeOpt.html
@@ -4,4 +4,4 @@
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autohide"><code class="tsd-tag">Optional</code><span>auto<wbr/>Hide</span><a href="#autohide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoHide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>do resize handle hide by default until mouse over ? - default: true on desktop, false on mobile</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L356">types.ts:356</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="handles"><code class="tsd-tag">Optional</code><span>handles</span><a href="#handles" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">handles</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>sides where you can resize from (ex: 'e, se, s, sw, w') - default 'se' (south-east)
 Note: it is not recommended to resize from the top sides as weird side effect may occur.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L361">types.ts:361</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#autohide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Hide</span></a><a href="#handles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handles</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L361">types.ts:361</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#autohide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Hide</span></a><a href="#handles"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handles</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/DDUIData.html b/docs/html/interfaces/DDUIData.html
similarity index 66%
rename from docs/interfaces/DDUIData.html
rename to docs/html/interfaces/DDUIData.html
index d2d2cb225..b65db2764 100644
--- a/docs/interfaces/DDUIData.html
+++ b/docs/html/interfaces/DDUIData.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDUIData | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDUIData</a></li></ul><h1>Interface DDUIData</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>data that is passed during drag and resizing callbacks</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDUIData</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#position">position</a><span class="tsd-signature-symbol">?:</span> <a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#size">size</a><span class="tsd-signature-symbol">?:</span> <a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#draggable">draggable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L402">types.ts:402</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#position" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>position?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DDUIData</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#draggable">draggable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#position">position</a><span class="tsd-signature-symbol">?:</span> <a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#size">size</a><span class="tsd-signature-symbol">?:</span> <a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L402">types.ts:402</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#draggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable?</span></a>
+<a href="#position" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>position?</span></a>
 <a href="#size" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size?</span></a>
-<a href="#draggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="position"><code class="tsd-tag">Optional</code><span>position</span><a href="#position" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">position</span><span class="tsd-signature-symbol">?:</span> <a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L403">types.ts:403</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="size"><code class="tsd-tag">Optional</code><span>size</span><a href="#size" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">?:</span> <a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L404">types.ts:404</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="draggable"><code class="tsd-tag">Optional</code><span>draggable</span><a href="#draggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">draggable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L405">types.ts:405</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#position"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>position</span></a><a href="#size"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size</span></a><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="draggable"><code class="tsd-tag">Optional</code><span>draggable</span><a href="#draggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">draggable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L405">types.ts:405</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="position"><code class="tsd-tag">Optional</code><span>position</span><a href="#position" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">position</span><span class="tsd-signature-symbol">?:</span> <a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L403">types.ts:403</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="size"><code class="tsd-tag">Optional</code><span>size</span><a href="#size" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">?:</span> <a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L404">types.ts:404</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable</span></a><a href="#position"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>position</span></a><a href="#size"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/DragTransform.html b/docs/html/interfaces/DragTransform.html
similarity index 64%
rename from docs/interfaces/DragTransform.html
rename to docs/html/interfaces/DragTransform.html
index d2b8655f0..ce80a6c36 100644
--- a/docs/interfaces/DragTransform.html
+++ b/docs/html/interfaces/DragTransform.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DragTransform | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DragTransform</a></li></ul><h1>Interface DragTransform</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DragTransform</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#xscale">xScale</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#yscale">yScale</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#xoffset">xOffset</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#yoffset">yOffset</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L13">utils.ts:13</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#xscale" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Scale</span></a>
-<a href="#yscale" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Scale</span></a>
-<a href="#xoffset" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Offset</span></a>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DragTransform | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DragTransform</a></li></ul><h1>Interface DragTransform</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">DragTransform</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#xoffset">xOffset</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#xscale">xScale</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#yoffset">yOffset</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#yscale">yScale</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L13">utils.ts:13</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#xoffset" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Offset</span></a>
+<a href="#xscale" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Scale</span></a>
 <a href="#yoffset" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Offset</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="xscale"><span>x<wbr/>Scale</span><a href="#xscale" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">xScale</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L14">utils.ts:14</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="yscale"><span>y<wbr/>Scale</span><a href="#yscale" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">yScale</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L15">utils.ts:15</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="xoffset"><span>x<wbr/>Offset</span><a href="#xoffset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">xOffset</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L16">utils.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="yoffset"><span>y<wbr/>Offset</span><a href="#yoffset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">yOffset</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L17">utils.ts:17</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#xscale"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Scale</span></a><a href="#yscale"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Scale</span></a><a href="#xoffset"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Offset</span></a><a href="#yoffset"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Offset</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<a href="#yscale" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Scale</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="xoffset"><span>x<wbr/>Offset</span><a href="#xoffset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">xOffset</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L16">utils.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="xscale"><span>x<wbr/>Scale</span><a href="#xscale" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">xScale</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L14">utils.ts:14</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="yoffset"><span>y<wbr/>Offset</span><a href="#yoffset" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">yOffset</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L17">utils.ts:17</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="yscale"><span>y<wbr/>Scale</span><a href="#yscale" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">yScale</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L15">utils.ts:15</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#xoffset"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Offset</span></a><a href="#xscale"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x<wbr/>Scale</span></a><a href="#yoffset"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Offset</span></a><a href="#yscale"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y<wbr/>Scale</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridHTMLElement.html b/docs/html/interfaces/GridHTMLElement.html
similarity index 94%
rename from docs/interfaces/GridHTMLElement.html
rename to docs/html/interfaces/GridHTMLElement.html
index 3f288938f..3bbde1394 100644
--- a/docs/interfaces/GridHTMLElement.html
+++ b/docs/html/interfaces/GridHTMLElement.html
@@ -1,2 +1,2 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridHTMLElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridHTMLElement</a></li></ul><h1>Interface GridHTMLElement</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridHTMLElement</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#gridstack">gridstack</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="1"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">HTMLElement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridHTMLElement</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L35">gridstack.ts:35</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#gridstack" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="gridstack"><code class="tsd-tag">Optional</code><span>gridstack</span><a href="#gridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">gridstack</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L36">gridstack.ts:36</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#gridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridHTMLElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridHTMLElement</a></li></ul><h1>Interface GridHTMLElement</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridHTMLElement</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#gridstack">gridstack</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="1"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">HTMLElement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridHTMLElement</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L42">gridstack.ts:42</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#gridstack" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="gridstack"><code class="tsd-tag">Optional</code><span>gridstack</span><a href="#gridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">gridstack</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L43">gridstack.ts:43</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#gridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridItemHTMLElement.html b/docs/html/interfaces/GridItemHTMLElement.html
similarity index 81%
rename from docs/interfaces/GridItemHTMLElement.html
rename to docs/html/interfaces/GridItemHTMLElement.html
index 28554481c..1a13ba8ed 100644
--- a/docs/interfaces/GridItemHTMLElement.html
+++ b/docs/html/interfaces/GridItemHTMLElement.html
@@ -1,3 +1,3 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridItemHTMLElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridItemHTMLElement</a></li></ul><h1>Interface GridItemHTMLElement</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridItemHTMLElement</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#gridstacknode">gridstackNode</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="355"><h4>Hierarchy</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">HTMLElement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridItemHTMLElement</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L55">types.ts:55</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#gridstacknode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node?</span></a>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridItemHTMLElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridItemHTMLElement</a></li></ul><h1>Interface GridItemHTMLElement</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridItemHTMLElement</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#gridstacknode">gridstackNode</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="355"><h4>Hierarchy (<a href="../hierarchy.html#GridItemHTMLElement">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-signature-type">HTMLElement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridItemHTMLElement</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="DDElementHost.html" class="tsd-signature-type tsd-kind-interface">DDElementHost</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L55">types.ts:55</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#gridstacknode" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node?</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="gridstacknode"><code class="tsd-tag">Optional</code><span>gridstack<wbr/>Node</span><a href="#gridstacknode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">gridstackNode</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>pointer to grid node instance</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L57">types.ts:57</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#gridstacknode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L57">types.ts:57</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#gridstacknode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>gridstack<wbr/>Node</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackEngineOptions.html b/docs/html/interfaces/GridStackEngineOptions.html
similarity index 84%
rename from docs/interfaces/GridStackEngineOptions.html
rename to docs/html/interfaces/GridStackEngineOptions.html
index 8fef89533..121b4568c 100644
--- a/docs/interfaces/GridStackEngineOptions.html
+++ b/docs/html/interfaces/GridStackEngineOptions.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackEngineOptions | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackEngineOptions</a></li></ul><h1>Interface GridStackEngineOptions</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>options used during creation - similar to GridStackOptions</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackEngineOptions</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#column">column</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxrow">maxRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#float">float</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nodes">nodes</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#onchange">onChange</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OnChangeCB</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L13">gridstack-engine.ts:13</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column?</span></a>
-<a href="#maxrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackEngineOptions</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#column">column</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#float">float</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxrow">maxRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nodes">nodes</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#onchange">onChange</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OnChangeCB</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L13">gridstack-engine.ts:13</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column?</span></a>
 <a href="#float" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>float?</span></a>
+<a href="#maxrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row?</span></a>
 <a href="#nodes" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes?</span></a>
 <a href="#onchange" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>on<wbr/>Change?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><code class="tsd-tag">Optional</code><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L14">gridstack-engine.ts:14</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxrow"><code class="tsd-tag">Optional</code><span>max<wbr/>Row</span><a href="#maxrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxRow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L15">gridstack-engine.ts:15</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="float"><code class="tsd-tag">Optional</code><span>float</span><a href="#float" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">float</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L16">gridstack-engine.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodes"><code class="tsd-tag">Optional</code><span>nodes</span><a href="#nodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nodes</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L17">gridstack-engine.ts:17</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onchange"><code class="tsd-tag">Optional</code><span>on<wbr/>Change</span><a href="#onchange" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">onChange</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OnChangeCB</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L18">gridstack-engine.ts:18</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>float</span></a><a href="#nodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes</span></a><a href="#onchange"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>on<wbr/>Change</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><code class="tsd-tag">Optional</code><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L14">gridstack-engine.ts:14</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="float"><code class="tsd-tag">Optional</code><span>float</span><a href="#float" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">float</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L16">gridstack-engine.ts:16</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxrow"><code class="tsd-tag">Optional</code><span>max<wbr/>Row</span><a href="#maxrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxRow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L15">gridstack-engine.ts:15</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nodes"><code class="tsd-tag">Optional</code><span>nodes</span><a href="#nodes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nodes</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L17">gridstack-engine.ts:17</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="onchange"><code class="tsd-tag">Optional</code><span>on<wbr/>Change</span><a href="#onchange" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">onChange</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">OnChangeCB</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack-engine.ts#L18">gridstack-engine.ts:18</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>float</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#nodes"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nodes</span></a><a href="#onchange"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>on<wbr/>Change</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackMoveOpts.html b/docs/html/interfaces/GridStackMoveOpts.html
similarity index 58%
rename from docs/interfaces/GridStackMoveOpts.html
rename to docs/html/interfaces/GridStackMoveOpts.html
index 4fe9139af..70cbef1cd 100644
--- a/docs/interfaces/GridStackMoveOpts.html
+++ b/docs/html/interfaces/GridStackMoveOpts.html
@@ -1,31 +1,31 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackMoveOpts | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackMoveOpts</a></li></ul><h1>Interface GridStackMoveOpts</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>options used during GridStackEngine.moveNode()</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackMoveOpts</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#skip">skip</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#pack">pack</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nested">nested</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellwidth">cellWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheight">cellHeight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margintop">marginTop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginbottom">marginBottom</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginleft">marginLeft</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginright">marginRight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#rect">rect</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizing">resizing</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#collide">collide</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#forcecollide">forceCollide</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="457"><h4>Hierarchy (<a href="../hierarchy.html#GridStackMoveOpts">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackMoveOpts</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L283">types.ts:283</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#skip" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip?</span></a>
-<a href="#pack" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pack?</span></a>
-<a href="#nested" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nested?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackMoveOpts</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#cellheight">cellHeight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellwidth">cellWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#collide">collide</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#forcecollide">forceCollide</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginbottom">marginBottom</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginleft">marginLeft</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginright">marginRight</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margintop">marginTop</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nested">nested</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#pack">pack</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#rect">rect</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizing">resizing</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#skip">skip</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="457"><h4>Hierarchy (<a href="../hierarchy.html#GridStackMoveOpts">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackMoveOpts</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L283">types.ts:283</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#cellheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height?</span></a>
 <a href="#cellwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Width?</span></a>
-<a href="#cellheight" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height?</span></a>
-<a href="#margintop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top?</span></a>
+<a href="#collide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>collide?</span></a>
+<a href="#forcecollide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>force<wbr/>Collide?</span></a>
+<a href="#h" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
 <a href="#marginbottom" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom?</span></a>
 <a href="#marginleft" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left?</span></a>
 <a href="#marginright" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right?</span></a>
+<a href="#margintop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top?</span></a>
+<a href="#nested" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nested?</span></a>
+<a href="#pack" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pack?</span></a>
 <a href="#rect" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rect?</span></a>
 <a href="#resizing" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizing?</span></a>
-<a href="#collide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>collide?</span></a>
-<a href="#forcecollide" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>force<wbr/>Collide?</span></a>
+<a href="#skip" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip?</span></a>
+<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
 <a href="#x" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
 <a href="#y" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
-<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
-<a href="#h" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="skip"><code class="tsd-tag">Optional</code><span>skip</span><a href="#skip" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">skip</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>node to skip collision</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L285">types.ts:285</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pack"><code class="tsd-tag">Optional</code><span>pack</span><a href="#pack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">pack</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>do we pack (default true)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L287">types.ts:287</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nested"><code class="tsd-tag">Optional</code><span>nested</span><a href="#nested" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nested</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true if we are calling this recursively to prevent simple swap or coverage collision - default false</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L289">types.ts:289</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellwidth"><code class="tsd-tag">Optional</code><span>cell<wbr/>Width</span><a href="#cellwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cellWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>vars to calculate other cells coordinates</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L291">types.ts:291</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellheight"><code class="tsd-tag">Optional</code><span>cell<wbr/>Height</span><a href="#cellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cellHeight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L292">types.ts:292</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margintop"><code class="tsd-tag">Optional</code><span>margin<wbr/>Top</span><a href="#margintop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L293">types.ts:293</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginbottom"><code class="tsd-tag">Optional</code><span>margin<wbr/>Bottom</span><a href="#marginbottom" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L294">types.ts:294</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginleft"><code class="tsd-tag">Optional</code><span>margin<wbr/>Left</span><a href="#marginleft" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L295">types.ts:295</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginright"><code class="tsd-tag">Optional</code><span>margin<wbr/>Right</span><a href="#marginright" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L296">types.ts:296</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rect"><code class="tsd-tag">Optional</code><span>rect</span><a href="#rect" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">rect</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></div><div class="tsd-comment tsd-typography"><p>position in pixels of the currently dragged items (for overlap check)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L298">types.ts:298</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizing"><code class="tsd-tag">Optional</code><span>resizing</span><a href="#resizing" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true if we're live resizing</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L300">types.ts:300</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collide"><code class="tsd-tag">Optional</code><span>collide</span><a href="#collide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">collide</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>best node (most coverage) we collied with</p>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellheight"><code class="tsd-tag">Optional</code><span>cell<wbr/>Height</span><a href="#cellheight" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cellHeight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L292">types.ts:292</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellwidth"><code class="tsd-tag">Optional</code><span>cell<wbr/>Width</span><a href="#cellwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cellWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>vars to calculate other cells coordinates</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L291">types.ts:291</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="collide"><code class="tsd-tag">Optional</code><span>collide</span><a href="#collide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">collide</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>best node (most coverage) we collied with</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L302">types.ts:302</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="forcecollide"><code class="tsd-tag">Optional</code><span>force<wbr/>Collide</span><a href="#forcecollide" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">forceCollide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>for collision check even if we don't move</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L304">types.ts:304</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L304">types.ts:304</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginbottom"><code class="tsd-tag">Optional</code><span>margin<wbr/>Bottom</span><a href="#marginbottom" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L294">types.ts:294</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginleft"><code class="tsd-tag">Optional</code><span>margin<wbr/>Left</span><a href="#marginleft" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L295">types.ts:295</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginright"><code class="tsd-tag">Optional</code><span>margin<wbr/>Right</span><a href="#marginright" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L296">types.ts:296</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margintop"><code class="tsd-tag">Optional</code><span>margin<wbr/>Top</span><a href="#margintop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L293">types.ts:293</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nested"><code class="tsd-tag">Optional</code><span>nested</span><a href="#nested" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">nested</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true if we are calling this recursively to prevent simple swap or coverage collision - default false</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L289">types.ts:289</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="pack"><code class="tsd-tag">Optional</code><span>pack</span><a href="#pack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">pack</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>do we pack (default true)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L287">types.ts:287</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rect"><code class="tsd-tag">Optional</code><span>rect</span><a href="#rect" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">rect</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a></div><div class="tsd-comment tsd-typography"><p>position in pixels of the currently dragged items (for overlap check)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L298">types.ts:298</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizing"><code class="tsd-tag">Optional</code><span>resizing</span><a href="#resizing" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizing</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true if we're live resizing</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L300">types.ts:300</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="skip"><code class="tsd-tag">Optional</code><span>skip</span><a href="#skip" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">skip</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></div><div class="tsd-comment tsd-typography"><p>node to skip collision</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L285">types.ts:285</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#x">x</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#skip"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip</span></a><a href="#pack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pack</span></a><a href="#nested"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nested</span></a><a href="#cellwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Width</span></a><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height</span></a><a href="#margintop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top</span></a><a href="#marginbottom"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom</span></a><a href="#marginleft"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left</span></a><a href="#marginright"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right</span></a><a href="#rect"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rect</span></a><a href="#resizing"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizing</span></a><a href="#collide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>collide</span></a><a href="#forcecollide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>force<wbr/>Collide</span></a><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height</span></a><a href="#cellwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Width</span></a><a href="#collide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>collide</span></a><a href="#forcecollide"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>force<wbr/>Collide</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#marginbottom"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom</span></a><a href="#marginleft"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left</span></a><a href="#marginright"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right</span></a><a href="#margintop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top</span></a><a href="#nested"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nested</span></a><a href="#pack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>pack</span></a><a href="#rect"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rect</span></a><a href="#resizing"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizing</span></a><a href="#skip"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>skip</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackNode.html b/docs/html/interfaces/GridStackNode.html
similarity index 50%
rename from docs/interfaces/GridStackNode.html
rename to docs/html/interfaces/GridStackNode.html
index a8731910f..41ad796db 100644
--- a/docs/interfaces/GridStackNode.html
+++ b/docs/html/interfaces/GridStackNode.html
@@ -1,47 +1,47 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackNode | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackNode</a></li></ul><h1>Interface GridStackNode</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>internal runtime descriptions describing the widgets in the grid</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackNode</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#autoposition">autoPosition</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minw">minW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxw">maxW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minh">minH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxh">maxH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#noresize">noResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nomove">noMove</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#locked">locked</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#id">id</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#content">content</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizetocontentparent">resizeToContentParent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#el">el</a><span class="tsd-signature-symbol">?:</span> <a href="GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#grid">grid</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgrid">subGrid</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#visibleobservable">visibleObservable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">IntersectionObserver</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="544"><h4>Hierarchy (<a href="../hierarchy.html#GridStackNode">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackNode</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L419">types.ts:419</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#x" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
-<a href="#y" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
-<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackNode</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#autoposition">autoPosition</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#content">content</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#el">el</a><span class="tsd-signature-symbol">?:</span> <a href="GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#grid">grid</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#id">id</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#locked">locked</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxh">maxH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxw">maxW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minh">minH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minw">minW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nomove">noMove</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#noresize">noResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizetocontentparent">resizeToContentParent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgrid">subGrid</a><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#visibleobservable">visibleObservable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">IntersectionObserver</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="544"><h4>Hierarchy (<a href="../hierarchy.html#GridStackNode">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackNode</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L419">types.ts:419</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#autoposition" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position?</span></a>
+<a href="#content" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content?</span></a>
+<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el?</span></a>
+<a href="#grid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>grid?</span></a>
 <a href="#h" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
-<a href="#autoposition" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position?</span></a>
-<a href="#minw" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W?</span></a>
+<a href="#id" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id?</span></a>
+<a href="#lazyload" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load?</span></a>
+<a href="#locked" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked?</span></a>
+<a href="#maxh" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H?</span></a>
 <a href="#maxw" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W?</span></a>
 <a href="#minh" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H?</span></a>
-<a href="#maxh" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H?</span></a>
-<a href="#noresize" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize?</span></a>
+<a href="#minw" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W?</span></a>
 <a href="#nomove" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move?</span></a>
-<a href="#locked" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked?</span></a>
-<a href="#id" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id?</span></a>
-<a href="#content" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content?</span></a>
-<a href="#lazyload" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load?</span></a>
-<a href="#sizetocontent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content?</span></a>
+<a href="#noresize" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize?</span></a>
 <a href="#resizetocontentparent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent?</span></a>
-<a href="#subgridopts" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts?</span></a>
-<a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el?</span></a>
-<a href="#grid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>grid?</span></a>
+<a href="#sizetocontent" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content?</span></a>
 <a href="#subgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid?</span></a>
+<a href="#subgridopts" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts?</span></a>
 <a href="#visibleobservable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>visible<wbr/>Observable?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#x">x</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="autoposition"><code class="tsd-tag">Optional</code><span>auto<wbr/>Position</span><a href="#autoposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoPosition</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#autoposition">autoPosition</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323">types.ts:323</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="minw"><code class="tsd-tag">Optional</code><span>min<wbr/>W</span><a href="#minw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum width allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#minw">minW</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325">types.ts:325</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="maxw"><code class="tsd-tag">Optional</code><span>max<wbr/>W</span><a href="#maxw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum width allowed during resize/creation (default?: undefined = un-constrained)</p>
+<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
+<a href="#x" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
+<a href="#y" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="autoposition"><code class="tsd-tag">Optional</code><span>auto<wbr/>Position</span><a href="#autoposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoPosition</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#autoposition">autoPosition</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323">types.ts:323</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="content"><code class="tsd-tag">Optional</code><span>content</span><a href="#content" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">content</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>html to append inside as content</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#content">content</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341">types.ts:341</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><code class="tsd-tag">Optional</code><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">?:</span> <a href="GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><div class="tsd-comment tsd-typography"><p>pointer back to HTML element</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L421">types.ts:421</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="grid"><code class="tsd-tag">Optional</code><span>grid</span><a href="#grid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">grid</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><div class="tsd-comment tsd-typography"><p>pointer back to parent Grid instance</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L423">types.ts:423</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="id"><code class="tsd-tag">Optional</code><span>id</span><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">id</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>value for <code>gs-id</code> stored on the widget (default?: undefined)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#id">id</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339">types.ts:339</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Optional</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">lazyLoad</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when widgets are only created when they scroll into view (visible)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#lazyload">lazyLoad</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343">types.ts:343</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="locked"><code class="tsd-tag">Optional</code><span>locked</span><a href="#locked" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">locked</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from <code>noMove</code> (user action only)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#locked">locked</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337">types.ts:337</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="maxh"><code class="tsd-tag">Optional</code><span>max<wbr/>H</span><a href="#maxh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum height allowed during resize/creation (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#maxh">maxH</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331">types.ts:331</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="maxw"><code class="tsd-tag">Optional</code><span>max<wbr/>W</span><a href="#maxw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum width allowed during resize/creation (default?: undefined = un-constrained)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#maxw">maxW</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L327">types.ts:327</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="minh"><code class="tsd-tag">Optional</code><span>min<wbr/>H</span><a href="#minh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum height allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#minh">minH</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329">types.ts:329</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="maxh"><code class="tsd-tag">Optional</code><span>max<wbr/>H</span><a href="#maxh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum height allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#maxh">maxH</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331">types.ts:331</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="noresize"><code class="tsd-tag">Optional</code><span>no<wbr/>Resize</span><a href="#noresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noResize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevent direct resizing by the user (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#noresize">noResize</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333">types.ts:333</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="nomove"><code class="tsd-tag">Optional</code><span>no<wbr/>Move</span><a href="#nomove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noMove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents direct moving by the user (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#nomove">noMove</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335">types.ts:335</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="locked"><code class="tsd-tag">Optional</code><span>locked</span><a href="#locked" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">locked</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from <code>noMove</code> (user action only)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#locked">locked</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337">types.ts:337</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="id"><code class="tsd-tag">Optional</code><span>id</span><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">id</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>value for <code>gs-id</code> stored on the widget (default?: undefined)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#id">id</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339">types.ts:339</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="content"><code class="tsd-tag">Optional</code><span>content</span><a href="#content" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">content</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>html to append inside as content</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#content">content</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341">types.ts:341</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Optional</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">lazyLoad</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when widgets are only created when they scroll into view (visible)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#lazyload">lazyLoad</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343">types.ts:343</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="sizetocontent"><code class="tsd-tag">Optional</code><span>size<wbr/>To<wbr/>Content</span><a href="#sizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">sizeToContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>local (vs grid) override - see GridStackOptions.
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#minh">minH</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329">types.ts:329</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="minw"><code class="tsd-tag">Optional</code><span>min<wbr/>W</span><a href="#minw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum width allowed during resize/creation (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#minw">minW</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325">types.ts:325</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="nomove"><code class="tsd-tag">Optional</code><span>no<wbr/>Move</span><a href="#nomove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noMove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents direct moving by the user (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#nomove">noMove</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335">types.ts:335</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="noresize"><code class="tsd-tag">Optional</code><span>no<wbr/>Resize</span><a href="#noresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noResize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevent direct resizing by the user (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#noresize">noResize</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333">types.ts:333</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#resizetocontentparent">resizeToContentParent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348">types.ts:348</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="sizetocontent"><code class="tsd-tag">Optional</code><span>size<wbr/>To<wbr/>Content</span><a href="#sizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">sizeToContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>local (vs grid) override - see GridStackOptions.
 Note: This also allow you to set a maximum h value (but user changeable during normal resizing) to prevent unlimited content from taking too much space (get scrollbar)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#sizetocontent">sizeToContent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346">types.ts:346</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#resizetocontentparent">resizeToContentParent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348">types.ts:348</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>optional nested grid options and list of children, which then turns into actual instance at runtime to get options from</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#subgridopts">subGridOpts</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350">types.ts:350</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><code class="tsd-tag">Optional</code><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">?:</span> <a href="GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><div class="tsd-comment tsd-typography"><p>pointer back to HTML element</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L421">types.ts:421</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="grid"><code class="tsd-tag">Optional</code><span>grid</span><a href="#grid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">grid</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><div class="tsd-comment tsd-typography"><p>pointer back to parent Grid instance</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L423">types.ts:423</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgrid"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid</span><a href="#subgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGrid</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><div class="tsd-comment tsd-typography"><p>actual sub-grid instance</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L425">types.ts:425</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="visibleobservable"><code class="tsd-tag">Optional</code><span>visible<wbr/>Observable</span><a href="#visibleobservable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">visibleObservable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">IntersectionObserver</span></div><div class="tsd-comment tsd-typography"><p>allow delay creation when visible</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L427">types.ts:427</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#autoposition" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position</span></a><a href="#minw" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W</span></a><a href="#maxw" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W</span></a><a href="#minh" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H</span></a><a href="#maxh" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H</span></a><a href="#noresize" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize</span></a><a href="#nomove" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move</span></a><a href="#locked" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked</span></a><a href="#id" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id</span></a><a href="#content" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content</span></a><a href="#lazyload" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#sizetocontent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#resizetocontentparent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#subgridopts" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#grid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>grid</span></a><a href="#subgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid</span></a><a href="#visibleobservable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>visible<wbr/>Observable</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#sizetocontent">sizeToContent</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346">types.ts:346</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgrid"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid</span><a href="#subgrid" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGrid</span><span class="tsd-signature-symbol">?:</span> <a href="../classes/GridStack.html" class="tsd-signature-type tsd-kind-class">GridStack</a></div><div class="tsd-comment tsd-typography"><p>actual sub-grid instance</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L425">types.ts:425</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>optional nested grid options and list of children, which then turns into actual instance at runtime to get options from</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#subgridopts">subGridOpts</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350">types.ts:350</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="visibleobservable"><code class="tsd-tag">Optional</code><span>visible<wbr/>Observable</span><a href="#visibleobservable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">visibleObservable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">IntersectionObserver</span></div><div class="tsd-comment tsd-typography"><p>allow delay creation when visible</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L427">types.ts:427</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#x">x</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackWidget.html">GridStackWidget</a>.<a href="GridStackWidget.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#autoposition" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position</span></a><a href="#content" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content</span></a><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#grid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>grid</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#id" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id</span></a><a href="#lazyload" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#locked" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked</span></a><a href="#maxh" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H</span></a><a href="#maxw" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W</span></a><a href="#minh" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H</span></a><a href="#minw" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W</span></a><a href="#nomove" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move</span></a><a href="#noresize" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize</span></a><a href="#resizetocontentparent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#sizetocontent" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#subgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid</span></a><a href="#subgridopts" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a><a href="#visibleobservable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>visible<wbr/>Observable</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackOptions.html b/docs/html/interfaces/GridStackOptions.html
similarity index 87%
rename from docs/interfaces/GridStackOptions.html
rename to docs/html/interfaces/GridStackOptions.html
index 44cd9bada..697f80911 100644
--- a/docs/interfaces/GridStackOptions.html
+++ b/docs/html/interfaces/GridStackOptions.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackOptions | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackOptions</a></li></ul><h1>Interface GridStackOptions</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Defines the options for a Grid</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackOptions</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#acceptwidgets">acceptWidgets</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">element</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span>)<span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#alwaysshowresizehandle">alwaysShowResizeHandle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;mobile&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#animate">animate</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#auto">auto</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheight">cellHeight</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheightthrottle">cellHeightThrottle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheightunit">cellHeightUnit</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#children">children</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#column">column</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#columnopts">columnOpts</a><span class="tsd-signature-symbol">?:</span> <a href="Responsive.html" class="tsd-signature-type tsd-kind-interface">Responsive</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#class">class</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#disabledrag">disableDrag</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#disableresize">disableResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#draggable">draggable</a><span class="tsd-signature-symbol">?:</span> <a href="DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#engineclass">engineClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-keyword">typeof</span> <a href="../classes/GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#float">float</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handle">handle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handleclass">handleClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#itemclass">itemClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margin">margin</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margintop">marginTop</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginright">marginRight</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginbottom">marginBottom</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginleft">marginLeft</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginunit">marginUnit</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxrow">maxRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minrow">minRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nonce">nonce</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#placeholderclass">placeholderClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#placeholdertext">placeholderText</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizable">resizable</a><span class="tsd-signature-symbol">?:</span> <a href="DDResizeOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizeOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#removable">removable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#removableoptions">removableOptions</a><span class="tsd-signature-symbol">?:</span> <a href="DDRemoveOpt.html" class="tsd-signature-type tsd-kind-interface">DDRemoveOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#row">row</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#rtl">rtl</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#staticgrid">staticGrid</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#styleinhead">styleInHead</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgriddynamic">subGridDynamic</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L110">types.ts:110</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#acceptwidgets" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept<wbr/>Widgets?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackOptions</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#acceptwidgets">acceptWidgets</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">element</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span>)<span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#alwaysshowresizehandle">alwaysShowResizeHandle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;mobile&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#animate">animate</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#auto">auto</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheight">cellHeight</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheightthrottle">cellHeightThrottle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#cellheightunit">cellHeightUnit</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#children">children</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#class">class</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#column">column</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#columnopts">columnOpts</a><span class="tsd-signature-symbol">?:</span> <a href="Responsive.html" class="tsd-signature-type tsd-kind-interface">Responsive</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#disabledrag">disableDrag</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#disableresize">disableResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#draggable">draggable</a><span class="tsd-signature-symbol">?:</span> <a href="DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#engineclass">engineClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-keyword">typeof</span> <a href="../classes/GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#float">float</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handle">handle</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#handleclass">handleClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#itemclass">itemClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margin">margin</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginbottom">marginBottom</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginleft">marginLeft</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginright">marginRight</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#margintop">marginTop</a><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#marginunit">marginUnit</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxrow">maxRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minrow">minRow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nonce">nonce</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#placeholderclass">placeholderClass</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#placeholdertext">placeholderText</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#removable">removable</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#removableoptions">removableOptions</a><span class="tsd-signature-symbol">?:</span> <a href="DDRemoveOpt.html" class="tsd-signature-type tsd-kind-interface">DDRemoveOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizable">resizable</a><span class="tsd-signature-symbol">?:</span> <a href="DDResizeOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizeOpt</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#row">row</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#rtl">rtl</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#staticgrid">staticGrid</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#styleinhead">styleInHead</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgriddynamic">subGridDynamic</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L110">types.ts:110</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#acceptwidgets" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept<wbr/>Widgets?</span></a>
 <a href="#alwaysshowresizehandle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>always<wbr/>Show<wbr/>Resize<wbr/>Handle?</span></a>
 <a href="#animate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animate?</span></a>
 <a href="#auto" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto?</span></a>
@@ -7,9 +7,9 @@
 <a href="#cellheightthrottle" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Throttle?</span></a>
 <a href="#cellheightunit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Unit?</span></a>
 <a href="#children" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>children?</span></a>
+<a href="#class" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class?</span></a>
 <a href="#column" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column?</span></a>
 <a href="#columnopts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Opts?</span></a>
-<a href="#class" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class?</span></a>
 <a href="#disabledrag" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Drag?</span></a>
 <a href="#disableresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Resize?</span></a>
 <a href="#draggable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable?</span></a>
@@ -21,26 +21,26 @@
 <a href="#layout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout?</span></a>
 <a href="#lazyload" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load?</span></a>
 <a href="#margin" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin?</span></a>
-<a href="#margintop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top?</span></a>
-<a href="#marginright" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right?</span></a>
 <a href="#marginbottom" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom?</span></a>
 <a href="#marginleft" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left?</span></a>
+<a href="#marginright" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right?</span></a>
+<a href="#margintop" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top?</span></a>
 <a href="#marginunit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Unit?</span></a>
 <a href="#maxrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row?</span></a>
 <a href="#minrow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Row?</span></a>
 <a href="#nonce" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nonce?</span></a>
 <a href="#placeholderclass" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Class?</span></a>
 <a href="#placeholdertext" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Text?</span></a>
-<a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizable?</span></a>
 <a href="#removable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable?</span></a>
 <a href="#removableoptions" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable<wbr/>Options?</span></a>
+<a href="#resizable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizable?</span></a>
 <a href="#row" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>row?</span></a>
 <a href="#rtl" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rtl?</span></a>
 <a href="#sizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content?</span></a>
 <a href="#staticgrid" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>static<wbr/>Grid?</span></a>
 <a href="#styleinhead" class="tsd-index-link deprecated"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>style<wbr/>In<wbr/>Head?</span></a>
-<a href="#subgridopts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts?</span></a>
 <a href="#subgriddynamic" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Dynamic?</span></a>
+<a href="#subgridopts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts?</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="acceptwidgets"><code class="tsd-tag">Optional</code><span>accept<wbr/>Widgets</span><a href="#acceptwidgets" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">acceptWidgets</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> (<span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">element</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span>)</div><div class="tsd-comment tsd-typography"><p>accept widgets dragged from other grids or from outside (default: <code>false</code>). Can be:
 <code>true</code> (uses <code>'.grid-stack-item'</code> class filter) or <code>false</code>,
 string for explicit class name,
@@ -62,13 +62,13 @@
 A value of 0 will make it instant at a cost of re-creating the CSS file at ever window resize event!</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L145">types.ts:145</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="cellheightunit"><code class="tsd-tag">Optional</code><span>cell<wbr/>Height<wbr/>Unit</span><a href="#cellheightunit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">cellHeightUnit</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>(internal) unit for cellHeight (default? 'px') which is set when a string cellHeight with a unit is passed (ex: '10rem')</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L148">types.ts:148</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="children"><code class="tsd-tag">Optional</code><span>children</span><a href="#children" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><p>list of children item to create when calling load() or addGrid()</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L151">types.ts:151</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><code class="tsd-tag">Optional</code><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span></div><div class="tsd-comment tsd-typography"><p>number of columns (default?: 12). Note: IF you change this, CSS also have to change. See <a href="https://github.com/gridstack/gridstack.js#change-grid-columns" target="_blank" class="external">https://github.com/gridstack/gridstack.js#change-grid-columns</a>.
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L151">types.ts:151</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="class"><code class="tsd-tag">Optional</code><span>class</span><a href="#class" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">class</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>additional class on top of '.grid-stack' (which is required for our CSS) to differentiate this instance.
+Note: only used by addGrid(), else your element should have the needed class</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L164">types.ts:164</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="column"><code class="tsd-tag">Optional</code><span>column</span><a href="#column" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">column</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span></div><div class="tsd-comment tsd-typography"><p>number of columns (default?: 12). Note: IF you change this, CSS also have to change. See <a href="https://github.com/gridstack/gridstack.js#change-grid-columns" target="_blank" class="external">https://github.com/gridstack/gridstack.js#change-grid-columns</a>.
 Note: for nested grids, it is recommended to use 'auto' which will always match the container grid-item current width (in column) to keep inside and outside
 items always the same. flag is NOT supported for regular non-nested grids.</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L157">types.ts:157</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="columnopts"><code class="tsd-tag">Optional</code><span>column<wbr/>Opts</span><a href="#columnopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">columnOpts</span><span class="tsd-signature-symbol">?:</span> <a href="Responsive.html" class="tsd-signature-type tsd-kind-interface">Responsive</a></div><div class="tsd-comment tsd-typography"><p>responsive column layout for width:column behavior</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L160">types.ts:160</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="class"><code class="tsd-tag">Optional</code><span>class</span><a href="#class" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">class</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>additional class on top of '.grid-stack' (which is required for our CSS) to differentiate this instance.
-Note: only used by addGrid(), else your element should have the needed class</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L164">types.ts:164</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disabledrag"><code class="tsd-tag">Optional</code><span>disable<wbr/>Drag</span><a href="#disabledrag" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">disableDrag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>disallows dragging of widgets (default?: false)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L160">types.ts:160</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disabledrag"><code class="tsd-tag">Optional</code><span>disable<wbr/>Drag</span><a href="#disabledrag" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">disableDrag</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>disallows dragging of widgets (default?: false)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L167">types.ts:167</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="disableresize"><code class="tsd-tag">Optional</code><span>disable<wbr/>Resize</span><a href="#disableresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">disableResize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>disallows resizing of widgets (default?: false).</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L170">types.ts:170</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="draggable"><code class="tsd-tag">Optional</code><span>draggable</span><a href="#draggable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">draggable</span><span class="tsd-signature-symbol">?:</span> <a href="DDDragOpt.html" class="tsd-signature-type tsd-kind-interface">DDDragOpt</a></div><div class="tsd-comment tsd-typography"><p>allows to override UI draggable options. (default?: { handle?: '.grid-stack-item-content', appendTo?: 'body' })</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L173">types.ts:173</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="engineclass"><code class="tsd-tag">Optional</code><span>engine<wbr/>Class</span><a href="#engineclass" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">engineClass</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-keyword">typeof</span> <a href="../classes/GridStackEngine.html" class="tsd-signature-type tsd-kind-class">GridStackEngine</a></div><div class="tsd-comment tsd-typography"><p>the type of engine to create (so you can subclass) default to GridStackEngine</p>
@@ -83,8 +83,8 @@
 a string with possible units (ex: '2em', '20px', '2rem')
 string with space separated values (ex: '5px 10px 0 20px' for all 4 sides, or '5em 10em' for top/bottom and left/right pairs like CSS).
 Note: all sides must have same units (last one wins, default px)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L206">types.ts:206</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margintop"><code class="tsd-tag">Optional</code><span>margin<wbr/>Top</span><a href="#margintop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><div class="tsd-comment tsd-typography"><p>OLD way to optionally set each side - use margin: '5px 10px 0 20px' instead. Used internally to store each side.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L209">types.ts:209</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginright"><code class="tsd-tag">Optional</code><span>margin<wbr/>Right</span><a href="#marginright" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L210">types.ts:210</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginbottom"><code class="tsd-tag">Optional</code><span>margin<wbr/>Bottom</span><a href="#marginbottom" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L211">types.ts:211</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginleft"><code class="tsd-tag">Optional</code><span>margin<wbr/>Left</span><a href="#marginleft" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L212">types.ts:212</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginunit"><code class="tsd-tag">Optional</code><span>margin<wbr/>Unit</span><a href="#marginunit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginUnit</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>(internal) unit for margin (default? 'px') set when <code>margin</code> is set as string with unit (ex: 2rem')</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L206">types.ts:206</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginbottom"><code class="tsd-tag">Optional</code><span>margin<wbr/>Bottom</span><a href="#marginbottom" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L211">types.ts:211</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginleft"><code class="tsd-tag">Optional</code><span>margin<wbr/>Left</span><a href="#marginleft" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L212">types.ts:212</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginright"><code class="tsd-tag">Optional</code><span>margin<wbr/>Right</span><a href="#marginright" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L210">types.ts:210</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="margintop"><code class="tsd-tag">Optional</code><span>margin<wbr/>Top</span><a href="#margintop" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">?:</span> <a href="../types/numberOrString.html" class="tsd-signature-type tsd-kind-type-alias">numberOrString</a></div><div class="tsd-comment tsd-typography"><p>OLD way to optionally set each side - use margin: '5px 10px 0 20px' instead. Used internally to store each side.</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L209">types.ts:209</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="marginunit"><code class="tsd-tag">Optional</code><span>margin<wbr/>Unit</span><a href="#marginunit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">marginUnit</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>(internal) unit for margin (default? 'px') set when <code>margin</code> is set as string with unit (ex: 2rem')</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L215">types.ts:215</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxrow"><code class="tsd-tag">Optional</code><span>max<wbr/>Row</span><a href="#maxrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxRow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum rows amount. Default? is 0 which means no maximum rows</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L218">types.ts:218</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minrow"><code class="tsd-tag">Optional</code><span>min<wbr/>Row</span><a href="#minrow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minRow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum rows amount which is handy to prevent grid from collapsing when empty. Default is <code>0</code>.
 When no set the <code>min-height</code> CSS attribute on the grid div (in pixels) can be used, which will round to the closest row.</p>
@@ -92,12 +92,12 @@
 GridStack will add it to the <style> elements it creates.</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L227">types.ts:227</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="placeholderclass"><code class="tsd-tag">Optional</code><span>placeholder<wbr/>Class</span><a href="#placeholderclass" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">placeholderClass</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>class for placeholder (default?: 'grid-stack-placeholder')</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L230">types.ts:230</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="placeholdertext"><code class="tsd-tag">Optional</code><span>placeholder<wbr/>Text</span><a href="#placeholdertext" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">placeholderText</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>placeholder default content (default?: '')</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L233">types.ts:233</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><code class="tsd-tag">Optional</code><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizable</span><span class="tsd-signature-symbol">?:</span> <a href="DDResizeOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizeOpt</a></div><div class="tsd-comment tsd-typography"><p>allows to override UI resizable options. (default?: { handles: 'se' })</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L236">types.ts:236</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removable"><code class="tsd-tag">Optional</code><span>removable</span><a href="#removable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">removable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true widgets could be removed by dragging outside of the grid. It could also be a selector string (ex: &quot;.trash&quot;),
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L233">types.ts:233</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removable"><code class="tsd-tag">Optional</code><span>removable</span><a href="#removable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">removable</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true widgets could be removed by dragging outside of the grid. It could also be a selector string (ex: &quot;.trash&quot;),
 in this case widgets will be removed by dropping them there (default?: false)
 See example (<a href="http://gridstack.github.io/gridstack.js/demo/two.html" target="_blank" class="external">http://gridstack.github.io/gridstack.js/demo/two.html</a>)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L243">types.ts:243</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="removableoptions"><code class="tsd-tag">Optional</code><span>removable<wbr/>Options</span><a href="#removableoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">removableOptions</span><span class="tsd-signature-symbol">?:</span> <a href="DDRemoveOpt.html" class="tsd-signature-type tsd-kind-interface">DDRemoveOpt</a></div><div class="tsd-comment tsd-typography"><p>allows to override UI removable options. (default?: { accept: '.grid-stack-item' })</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L246">types.ts:246</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="row"><code class="tsd-tag">Optional</code><span>row</span><a href="#row" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>fix grid number of rows. This is a shortcut of writing <code>minRow:N, maxRow:N</code>. (default <code>0</code> no constrain)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L246">types.ts:246</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizable"><code class="tsd-tag">Optional</code><span>resizable</span><a href="#resizable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizable</span><span class="tsd-signature-symbol">?:</span> <a href="DDResizeOpt.html" class="tsd-signature-type tsd-kind-interface">DDResizeOpt</a></div><div class="tsd-comment tsd-typography"><p>allows to override UI resizable options. (default?: { handles: 'se' })</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L236">types.ts:236</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="row"><code class="tsd-tag">Optional</code><span>row</span><a href="#row" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>fix grid number of rows. This is a shortcut of writing <code>minRow:N, maxRow:N</code>. (default <code>0</code> no constrain)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L249">types.ts:249</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="rtl"><code class="tsd-tag">Optional</code><span>rtl</span><a href="#rtl" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">rtl</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;auto&quot;</span></div><div class="tsd-comment tsd-typography"><p>if true turns grid to RTL. Possible values are true, false, 'auto' (default?: 'auto')
 See <a href="http://gridstack.github.io/gridstack.js/demo/right-to-left(rtl).html" target="_blank" class="external">example</a></p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L255">types.ts:255</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sizetocontent"><code class="tsd-tag">Optional</code><span>size<wbr/>To<wbr/>Content</span><a href="#sizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">sizeToContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>set to true if all grid items (by default, but item can also override) height should be based on content size instead of WidgetItem.h to avoid v-scrollbars.
@@ -106,7 +106,7 @@
 You don't even need draggable/resizable. A CSS class
 'grid-stack-static' is also added to the element.</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L267">types.ts:267</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="styleinhead"><code class="tsd-tag">Optional</code><span class="deprecated">style<wbr/>In<wbr/>Head</span><a href="#styleinhead" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">styleInHead</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link" id="deprecated">Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Not used anymore, styles are now implemented with local CSS variables</p>
-</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L272">types.ts:272</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>list of differences in options for automatically created sub-grids under us (inside our grid-items)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L275">types.ts:275</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgriddynamic"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Dynamic</span><a href="#subgriddynamic" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridDynamic</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>enable/disable the creation of sub-grids on the fly by dragging items completely
+</div></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L272">types.ts:272</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgriddynamic"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Dynamic</span><a href="#subgriddynamic" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridDynamic</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>enable/disable the creation of sub-grids on the fly by dragging items completely
 over others (nest) vs partially (push). Forces <code>DDDragOpt.pause=true</code> to accomplish that.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L279">types.ts:279</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#acceptwidgets"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept<wbr/>Widgets</span></a><a href="#alwaysshowresizehandle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>always<wbr/>Show<wbr/>Resize<wbr/>Handle</span></a><a href="#animate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animate</span></a><a href="#auto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto</span></a><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height</span></a><a href="#cellheightthrottle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Throttle</span></a><a href="#cellheightunit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Unit</span></a><a href="#children"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>children</span></a><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#columnopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Opts</span></a><a href="#class"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class</span></a><a href="#disabledrag"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Drag</span></a><a href="#disableresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Resize</span></a><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable</span></a><a href="#engineclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine<wbr/>Class</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>float</span></a><a href="#handle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle</span></a><a href="#handleclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle<wbr/>Class</span></a><a href="#itemclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>item<wbr/>Class</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#margin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin</span></a><a href="#margintop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top</span></a><a href="#marginright"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right</span></a><a href="#marginbottom"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom</span></a><a href="#marginleft"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left</span></a><a href="#marginunit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Unit</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#minrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Row</span></a><a href="#nonce"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nonce</span></a><a href="#placeholderclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Class</span></a><a href="#placeholdertext"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Text</span></a><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizable</span></a><a href="#removable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable</span></a><a href="#removableoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable<wbr/>Options</span></a><a href="#row"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>row</span></a><a href="#rtl"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rtl</span></a><a href="#sizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#staticgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>static<wbr/>Grid</span></a><a href="#styleinhead"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>style<wbr/>In<wbr/>Head</span></a><a href="#subgridopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a><a href="#subgriddynamic"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Dynamic</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L279">types.ts:279</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>list of differences in options for automatically created sub-grids under us (inside our grid-items)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L275">types.ts:275</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#acceptwidgets"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept<wbr/>Widgets</span></a><a href="#alwaysshowresizehandle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>always<wbr/>Show<wbr/>Resize<wbr/>Handle</span></a><a href="#animate"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>animate</span></a><a href="#auto"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto</span></a><a href="#cellheight"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height</span></a><a href="#cellheightthrottle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Throttle</span></a><a href="#cellheightunit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>cell<wbr/>Height<wbr/>Unit</span></a><a href="#children"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>children</span></a><a href="#class"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class</span></a><a href="#column"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column</span></a><a href="#columnopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Opts</span></a><a href="#disabledrag"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Drag</span></a><a href="#disableresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>disable<wbr/>Resize</span></a><a href="#draggable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>draggable</span></a><a href="#engineclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>engine<wbr/>Class</span></a><a href="#float"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>float</span></a><a href="#handle"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle</span></a><a href="#handleclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>handle<wbr/>Class</span></a><a href="#itemclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>item<wbr/>Class</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#margin"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin</span></a><a href="#marginbottom"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Bottom</span></a><a href="#marginleft"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Left</span></a><a href="#marginright"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Right</span></a><a href="#margintop"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Top</span></a><a href="#marginunit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>margin<wbr/>Unit</span></a><a href="#maxrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>Row</span></a><a href="#minrow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>Row</span></a><a href="#nonce"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>nonce</span></a><a href="#placeholderclass"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Class</span></a><a href="#placeholdertext"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>placeholder<wbr/>Text</span></a><a href="#removable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable</span></a><a href="#removableoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>removable<wbr/>Options</span></a><a href="#resizable"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resizable</span></a><a href="#row"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>row</span></a><a href="#rtl"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>rtl</span></a><a href="#sizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#staticgrid"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>static<wbr/>Grid</span></a><a href="#styleinhead"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>style<wbr/>In<wbr/>Head</span></a><a href="#subgriddynamic"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Dynamic</span></a><a href="#subgridopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackPosition.html b/docs/html/interfaces/GridStackPosition.html
similarity index 86%
rename from docs/interfaces/GridStackPosition.html
rename to docs/html/interfaces/GridStackPosition.html
index 830cd7643..7bcce5c1f 100644
--- a/docs/interfaces/GridStackPosition.html
+++ b/docs/html/interfaces/GridStackPosition.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackPosition | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackPosition</a></li></ul><h1>Interface GridStackPosition</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackPosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="475"><h4>Hierarchy (<a href="../hierarchy.html#GridStackPosition">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackPosition</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></li><li class="tsd-hierarchy-item"><a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L307">types.ts:307</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#x" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
-<a href="#y" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackPosition | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackPosition</a></li></ul><h1>Interface GridStackPosition</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackPosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="475"><h4>Hierarchy (<a href="../hierarchy.html#GridStackPosition">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackPosition</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackMoveOpts.html" class="tsd-signature-type tsd-kind-interface">GridStackMoveOpts</a></li><li class="tsd-hierarchy-item"><a href="GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L307">types.ts:307</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#h" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
 <a href="#w" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
-<a href="#h" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
+<a href="#x" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
+<a href="#y" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#x"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a><a href="#w"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#h"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#h"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#w"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#x"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/GridStackWidget.html b/docs/html/interfaces/GridStackWidget.html
similarity index 61%
rename from docs/interfaces/GridStackWidget.html
rename to docs/html/interfaces/GridStackWidget.html
index 47865da31..1a3a34812 100644
--- a/docs/interfaces/GridStackWidget.html
+++ b/docs/html/interfaces/GridStackWidget.html
@@ -1,39 +1,39 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackWidget | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackWidget</a></li></ul><h1>Interface GridStackWidget</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>GridStack Widget creation options</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackWidget</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#autoposition">autoPosition</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minw">minW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxw">maxW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minh">minH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxh">maxH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#noresize">noResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nomove">noMove</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#locked">locked</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#id">id</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#content">content</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizetocontentparent">resizeToContentParent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="480"><h4>Hierarchy (<a href="../hierarchy.html#GridStackWidget">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackWidget</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L321">types.ts:321</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#x" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
-<a href="#y" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
-<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">GridStackWidget</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#autoposition">autoPosition</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#content">content</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#id">id</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#lazyload">lazyLoad</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#locked">locked</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxh">maxH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#maxw">maxW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minh">minH</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#minw">minW</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#nomove">noMove</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#noresize">noResize</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#resizetocontentparent">resizeToContentParent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#sizetocontent">sizeToContent</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#subgridopts">subGridOpts</a><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#x">x</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#y">y</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="480"><h4>Hierarchy (<a href="../hierarchy.html#GridStackWidget">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackPosition.html" class="tsd-signature-type tsd-kind-interface">GridStackPosition</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">GridStackWidget</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></li></ul></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L321">types.ts:321</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#autoposition" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position?</span></a>
+<a href="#content" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content?</span></a>
 <a href="#h" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h?</span></a>
-<a href="#autoposition" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position?</span></a>
-<a href="#minw" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W?</span></a>
+<a href="#id" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id?</span></a>
+<a href="#lazyload" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load?</span></a>
+<a href="#locked" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked?</span></a>
+<a href="#maxh" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H?</span></a>
 <a href="#maxw" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W?</span></a>
 <a href="#minh" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H?</span></a>
-<a href="#maxh" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H?</span></a>
-<a href="#noresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize?</span></a>
+<a href="#minw" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W?</span></a>
 <a href="#nomove" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move?</span></a>
-<a href="#locked" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked?</span></a>
-<a href="#id" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id?</span></a>
-<a href="#content" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content?</span></a>
-<a href="#lazyload" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load?</span></a>
-<a href="#sizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content?</span></a>
+<a href="#noresize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize?</span></a>
 <a href="#resizetocontentparent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent?</span></a>
+<a href="#sizetocontent" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content?</span></a>
 <a href="#subgridopts" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#x">x</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autoposition"><code class="tsd-tag">Optional</code><span>auto<wbr/>Position</span><a href="#autoposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoPosition</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323">types.ts:323</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minw"><code class="tsd-tag">Optional</code><span>min<wbr/>W</span><a href="#minw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum width allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325">types.ts:325</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxw"><code class="tsd-tag">Optional</code><span>max<wbr/>W</span><a href="#maxw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum width allowed during resize/creation (default?: undefined = un-constrained)</p>
+<a href="#w" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
+<a href="#x" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x?</span></a>
+<a href="#y" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y?</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="autoposition"><code class="tsd-tag">Optional</code><span>auto<wbr/>Position</span><a href="#autoposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">autoPosition</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>if true then x, y parameters will be ignored and widget will be places on the first available position (default?: false)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L323">types.ts:323</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="content"><code class="tsd-tag">Optional</code><span>content</span><a href="#content" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">content</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>html to append inside as content</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341">types.ts:341</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="h"><code class="tsd-tag">Optional</code><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension height (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#h">h</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L315">types.ts:315</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="id"><code class="tsd-tag">Optional</code><span>id</span><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">id</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>value for <code>gs-id</code> stored on the widget (default?: undefined)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339">types.ts:339</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Optional</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">lazyLoad</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when widgets are only created when they scroll into view (visible)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343">types.ts:343</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="locked"><code class="tsd-tag">Optional</code><span>locked</span><a href="#locked" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">locked</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from <code>noMove</code> (user action only)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337">types.ts:337</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxh"><code class="tsd-tag">Optional</code><span>max<wbr/>H</span><a href="#maxh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum height allowed during resize/creation (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331">types.ts:331</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxw"><code class="tsd-tag">Optional</code><span>max<wbr/>W</span><a href="#maxw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum width allowed during resize/creation (default?: undefined = un-constrained)</p>
 </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L327">types.ts:327</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minh"><code class="tsd-tag">Optional</code><span>min<wbr/>H</span><a href="#minh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum height allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329">types.ts:329</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="maxh"><code class="tsd-tag">Optional</code><span>max<wbr/>H</span><a href="#maxh" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">maxH</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum height allowed during resize/creation (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L331">types.ts:331</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="noresize"><code class="tsd-tag">Optional</code><span>no<wbr/>Resize</span><a href="#noresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noResize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevent direct resizing by the user (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333">types.ts:333</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nomove"><code class="tsd-tag">Optional</code><span>no<wbr/>Move</span><a href="#nomove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noMove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents direct moving by the user (default?: undefined = un-constrained)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335">types.ts:335</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="locked"><code class="tsd-tag">Optional</code><span>locked</span><a href="#locked" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">locked</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents being pushed by other widgets or api (default?: undefined = un-constrained), which is different from <code>noMove</code> (user action only)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L337">types.ts:337</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="id"><code class="tsd-tag">Optional</code><span>id</span><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">id</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>value for <code>gs-id</code> stored on the widget (default?: undefined)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L339">types.ts:339</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="content"><code class="tsd-tag">Optional</code><span>content</span><a href="#content" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">content</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>html to append inside as content</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L341">types.ts:341</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="lazyload"><code class="tsd-tag">Optional</code><span>lazy<wbr/>Load</span><a href="#lazyload" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">lazyLoad</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>true when widgets are only created when they scroll into view (visible)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L343">types.ts:343</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sizetocontent"><code class="tsd-tag">Optional</code><span>size<wbr/>To<wbr/>Content</span><a href="#sizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">sizeToContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>local (vs grid) override - see GridStackOptions.
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L329">types.ts:329</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="minw"><code class="tsd-tag">Optional</code><span>min<wbr/>W</span><a href="#minw" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">minW</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>minimum width allowed during resize/creation (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L325">types.ts:325</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="nomove"><code class="tsd-tag">Optional</code><span>no<wbr/>Move</span><a href="#nomove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noMove</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevents direct moving by the user (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L335">types.ts:335</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="noresize"><code class="tsd-tag">Optional</code><span>no<wbr/>Resize</span><a href="#noresize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">noResize</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>prevent direct resizing by the user (default?: undefined = un-constrained)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L333">types.ts:333</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348">types.ts:348</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="sizetocontent"><code class="tsd-tag">Optional</code><span>size<wbr/>To<wbr/>Content</span><a href="#sizetocontent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">sizeToContent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>local (vs grid) override - see GridStackOptions.
 Note: This also allow you to set a maximum h value (but user changeable during normal resizing) to prevent unlimited content from taking too much space (get scrollbar)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346">types.ts:346</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="resizetocontentparent"><code class="tsd-tag">Optional</code><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span><a href="#resizetocontentparent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">resizeToContentParent</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>local override of GridStack.resizeToContentParent that specify the class to use for the parent (actual) vs child (wanted) height</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L348">types.ts:348</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>optional nested grid options and list of children, which then turns into actual instance at runtime to get options from</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350">types.ts:350</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#autoposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position</span></a><a href="#minw"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W</span></a><a href="#maxw"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W</span></a><a href="#minh"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H</span></a><a href="#maxh"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H</span></a><a href="#noresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize</span></a><a href="#nomove"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move</span></a><a href="#locked"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked</span></a><a href="#id"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id</span></a><a href="#content"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#sizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#resizetocontentparent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#subgridopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L346">types.ts:346</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="subgridopts"><code class="tsd-tag">Optional</code><span>sub<wbr/>Grid<wbr/>Opts</span><a href="#subgridopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">subGridOpts</span><span class="tsd-signature-symbol">?:</span> <a href="GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a></div><div class="tsd-comment tsd-typography"><p>optional nested grid options and list of children, which then turns into actual instance at runtime to get options from</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L350">types.ts:350</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget dimension width (default?: 1)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#w">w</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L313">types.ts:313</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="x"><code class="tsd-tag">Optional</code><span>x</span><a href="#x" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">x</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position x (default?: 0)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#x">x</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L309">types.ts:309</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="y"><code class="tsd-tag">Optional</code><span>y</span><a href="#y" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">y</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>widget position y (default?: 0)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><p>Inherited from <a href="GridStackPosition.html">GridStackPosition</a>.<a href="GridStackPosition.html#y">y</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L311">types.ts:311</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#autoposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>auto<wbr/>Position</span></a><a href="#content"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>content</span></a><a href="#h" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#id"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>id</span></a><a href="#lazyload"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>lazy<wbr/>Load</span></a><a href="#locked"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>locked</span></a><a href="#maxh"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>H</span></a><a href="#maxw"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>max<wbr/>W</span></a><a href="#minh"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>H</span></a><a href="#minw"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>min<wbr/>W</span></a><a href="#nomove"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Move</span></a><a href="#noresize"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>no<wbr/>Resize</span></a><a href="#resizetocontentparent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>resize<wbr/>To<wbr/>Content<wbr/>Parent</span></a><a href="#sizetocontent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>size<wbr/>To<wbr/>Content</span></a><a href="#subgridopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>sub<wbr/>Grid<wbr/>Opts</span></a><a href="#w" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#x" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>x</span></a><a href="#y" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>y</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/interfaces/HTMLElementExtendOpt.html b/docs/html/interfaces/HTMLElementExtendOpt.html
new file mode 100644
index 000000000..fd85ffa32
--- /dev/null
+++ b/docs/html/interfaces/HTMLElementExtendOpt.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HTMLElementExtendOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">HTMLElementExtendOpt</a></li></ul><h1>Interface HTMLElementExtendOpt&lt;T&gt;</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">HTMLElementExtendOpt</span><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="#t">T</a><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#el">el</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#option">option</a><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#t">T</a><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-call-signature" href="#updateoption-1">updateOption</a><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">T</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../classes/DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span id="t"><span class="tsd-kind-type-parameter">T</span></span></li></ul></section><section class="tsd-panel"><h4>Implemented by</h4><ul class="tsd-hierarchy"><li><a href="../classes/DDDraggable.html" class="tsd-signature-type tsd-kind-class">DDDraggable</a></li><li><a href="../classes/DDDroppable.html" class="tsd-signature-type tsd-kind-class">DDDroppable</a></li><li><a href="../classes/DDResizable.html" class="tsd-signature-type tsd-kind-class">DDResizable</a></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L44">dd-base-impl.ts:44</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="#updateoption" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a>
+</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#el" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a>
+<a href="#option" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Methods</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="updateoption"><span>update<wbr/>Option</span><a href="#updateoption" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="updateoption-1"><span class="tsd-kind-call-signature">updateOption</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">T</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <a href="../classes/DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a><a href="#updateoption-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">T</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <a href="../classes/DDBaseImplement.html" class="tsd-signature-type tsd-kind-class">DDBaseImplement</a></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L47">dd-base-impl.ts:47</a></li></ul></aside></div></li></ul></section></section></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="el"><span>el</span><a href="#el" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L45">dd-base-impl.ts:45</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="option"><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">option</span><span class="tsd-signature-symbol">:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="#t">T</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L46">dd-base-impl.ts:46</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Methods"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Methods</summary><div><a href="#updateoption"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Method"><use href="../assets/icons.svg#icon-2048"></use></svg><span>update<wbr/>Option</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#el"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>el</span></a><a href="#option"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>option</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/HeightData.html b/docs/html/interfaces/HeightData.html
similarity index 96%
rename from docs/interfaces/HeightData.html
rename to docs/html/interfaces/HeightData.html
index 94b68f05d..ccfd7b8af 100644
--- a/docs/interfaces/HeightData.html
+++ b/docs/html/interfaces/HeightData.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>HeightData | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">HeightData</a></li></ul><h1>Interface HeightData</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">HeightData</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#h">h</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#unit">unit</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L8">utils.ts:8</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#h" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a>
 <a href="#unit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>unit</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="h"><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L9">utils.ts:9</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="unit"><span>unit</span><a href="#unit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">unit</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L10">utils.ts:10</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#h"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#unit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>unit</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="h"><span>h</span><a href="#h" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">h</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L9">utils.ts:9</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="unit"><span>unit</span><a href="#unit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">unit</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/utils.ts#L10">utils.ts:10</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#h"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>h</span></a><a href="#unit"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>unit</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/MousePosition.html b/docs/html/interfaces/MousePosition.html
similarity index 73%
rename from docs/interfaces/MousePosition.html
rename to docs/html/interfaces/MousePosition.html
index ac5e42849..2b9777d8a 100644
--- a/docs/interfaces/MousePosition.html
+++ b/docs/html/interfaces/MousePosition.html
@@ -1,4 +1,4 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MousePosition | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">MousePosition</a></li></ul><h1>Interface MousePosition</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Defines the coordinates of an object</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">MousePosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L43">gridstack.ts:43</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#top" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
-<a href="#left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L44">gridstack.ts:44</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L45">gridstack.ts:45</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#top"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a><a href="#left"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">MousePosition</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L50">gridstack.ts:50</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a>
+<a href="#top" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L52">gridstack.ts:52</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L51">gridstack.ts:51</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#left"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a><a href="#top"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/Position.html b/docs/html/interfaces/Position.html
similarity index 77%
rename from docs/interfaces/Position.html
rename to docs/html/interfaces/Position.html
index 9c439d794..98f58a34c 100644
--- a/docs/interfaces/Position.html
+++ b/docs/html/interfaces/Position.html
@@ -1,3 +1,3 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Position | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Position</a></li></ul><h1>Interface Position</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Position</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="532"><h4>Hierarchy (<a href="../hierarchy.html#Position">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Position</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Rect.html" class="tsd-signature-type tsd-kind-interface">Rect</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L395">types.ts:395</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#top" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
-<a href="#left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396">types.ts:396</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397">types.ts:397</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#top"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a><a href="#left"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Position | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Position</a></li></ul><h1>Interface Position</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Position</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="532"><h4>Hierarchy (<a href="../hierarchy.html#Position">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Position</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Rect.html" class="tsd-signature-type tsd-kind-interface">Rect</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L395">types.ts:395</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#left" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a>
+<a href="#top" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397">types.ts:397</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396">types.ts:396</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#left"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a><a href="#top"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/Rect.html b/docs/html/interfaces/Rect.html
similarity index 65%
rename from docs/interfaces/Rect.html
rename to docs/html/interfaces/Rect.html
index 6a815cc45..4d7fad904 100644
--- a/docs/interfaces/Rect.html
+++ b/docs/html/interfaces/Rect.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Rect | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Rect</a></li></ul><h1>Interface Rect</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Rect</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#width">width</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#height">height</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="535"><h4>Hierarchy (<a href="../hierarchy.html#Rect">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a></li><li class="tsd-hierarchy-item"><a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Rect</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L399">types.ts:399</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#width" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a>
-<a href="#height" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a>
-<a href="#top" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Rect | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Rect</a></li></ul><h1>Interface Rect</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Rect</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#height">height</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#left">left</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#top">top</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#width">width</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="535"><h4>Hierarchy (<a href="../hierarchy.html#Rect">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Size.html" class="tsd-signature-type tsd-kind-interface">Size</a></li><li class="tsd-hierarchy-item"><a href="Position.html" class="tsd-signature-type tsd-kind-interface">Position</a><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Rect</span></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L399">types.ts:399</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#height" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a>
 <a href="#left" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="width"><span>width</span><a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Size.html">Size</a>.<a href="Size.html#width">width</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392">types.ts:392</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="height"><span>height</span><a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Size.html">Size</a>.<a href="Size.html#height">height</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393">types.ts:393</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Position.html">Position</a>.<a href="Position.html#top">top</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396">types.ts:396</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Position.html">Position</a>.<a href="Position.html#left">left</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397">types.ts:397</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#width" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a><a href="#height" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a><a href="#top" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a><a href="#left" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<a href="#top" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a>
+<a href="#width" class="tsd-index-link tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="height"><span>height</span><a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Size.html">Size</a>.<a href="Size.html#height">height</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393">types.ts:393</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="left"><span>left</span><a href="#left" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">left</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Position.html">Position</a>.<a href="Position.html#left">left</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L397">types.ts:397</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="top"><span>top</span><a href="#top" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">top</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Position.html">Position</a>.<a href="Position.html#top">top</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L396">types.ts:396</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-inherited"><h3 class="tsd-anchor-link" id="width"><span>width</span><a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><p>Inherited from <a href="Size.html">Size</a>.<a href="Size.html#width">width</a></p><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392">types.ts:392</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#height" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a><a href="#left" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>left</span></a><a href="#top" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>top</span></a><a href="#width" class="tsd-is-inherited"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/Responsive.html b/docs/html/interfaces/Responsive.html
similarity index 76%
rename from docs/interfaces/Responsive.html
rename to docs/html/interfaces/Responsive.html
index 041b663f2..8068a958e 100644
--- a/docs/interfaces/Responsive.html
+++ b/docs/html/interfaces/Responsive.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Responsive | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Responsive</a></li></ul><h1>Interface Responsive</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>describes the responsive nature of the grid. NOTE: make sure to have correct extra CSS to support this.</p>
-</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Responsive</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#columnwidth">columnWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#columnmax">columnMax</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#breakpoints">breakpoints</a><span class="tsd-signature-symbol">?:</span> <a href="Breakpoint.html" class="tsd-signature-type tsd-kind-interface">Breakpoint</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#breakpointforwindow">breakpointForWindow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L83">types.ts:83</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#columnwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Width?</span></a>
-<a href="#columnmax" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Max?</span></a>
+</div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Responsive</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#breakpointforwindow">breakpointForWindow</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#breakpoints">breakpoints</a><span class="tsd-signature-symbol">?:</span> <a href="Breakpoint.html" class="tsd-signature-type tsd-kind-interface">Breakpoint</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#columnmax">columnMax</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#columnwidth">columnWidth</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L83">types.ts:83</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#breakpointforwindow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoint<wbr/>For<wbr/>Window?</span></a>
 <a href="#breakpoints" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoints?</span></a>
-<a href="#breakpointforwindow" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoint<wbr/>For<wbr/>Window?</span></a>
+<a href="#columnmax" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Max?</span></a>
+<a href="#columnwidth" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Width?</span></a>
 <a href="#layout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="columnwidth"><code class="tsd-tag">Optional</code><span>column<wbr/>Width</span><a href="#columnwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">columnWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>wanted width to maintain (+-50%) to dynamically pick a column count. NOTE: make sure to have correct extra CSS to support this.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L85">types.ts:85</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="columnmax"><code class="tsd-tag">Optional</code><span>column<wbr/>Max</span><a href="#columnmax" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">columnMax</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum number of columns allowed (default: 12). NOTE: make sure to have correct extra CSS to support this.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L87">types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="breakpoints"><code class="tsd-tag">Optional</code><span>breakpoints</span><a href="#breakpoints" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">breakpoints</span><span class="tsd-signature-symbol">?:</span> <a href="Breakpoint.html" class="tsd-signature-type tsd-kind-interface">Breakpoint</a><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><p>explicit width:column breakpoints instead of automatic 'columnWidth'. NOTE: make sure to have correct extra CSS to support this.</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L89">types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="breakpointforwindow"><code class="tsd-tag">Optional</code><span>breakpoint<wbr/>For<wbr/>Window</span><a href="#breakpointforwindow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">breakpointForWindow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>specify if breakpoints are for window size or grid size (default:false = grid)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L91">types.ts:91</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="layout"><code class="tsd-tag">Optional</code><span>layout</span><a href="#layout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><div class="tsd-comment tsd-typography"><p>global re-layout mode when changing columns</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L93">types.ts:93</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#columnwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Width</span></a><a href="#columnmax"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Max</span></a><a href="#breakpoints"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoints</span></a><a href="#breakpointforwindow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoint<wbr/>For<wbr/>Window</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="breakpointforwindow"><code class="tsd-tag">Optional</code><span>breakpoint<wbr/>For<wbr/>Window</span><a href="#breakpointforwindow" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">breakpointForWindow</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>specify if breakpoints are for window size or grid size (default:false = grid)</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L91">types.ts:91</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="breakpoints"><code class="tsd-tag">Optional</code><span>breakpoints</span><a href="#breakpoints" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">breakpoints</span><span class="tsd-signature-symbol">?:</span> <a href="Breakpoint.html" class="tsd-signature-type tsd-kind-interface">Breakpoint</a><span class="tsd-signature-symbol">[]</span></div><div class="tsd-comment tsd-typography"><p>explicit width:column breakpoints instead of automatic 'columnWidth'. NOTE: make sure to have correct extra CSS to support this.</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L89">types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="columnmax"><code class="tsd-tag">Optional</code><span>column<wbr/>Max</span><a href="#columnmax" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">columnMax</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>maximum number of columns allowed (default: 12). NOTE: make sure to have correct extra CSS to support this.</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L87">types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="columnwidth"><code class="tsd-tag">Optional</code><span>column<wbr/>Width</span><a href="#columnwidth" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">columnWidth</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>wanted width to maintain (+-50%) to dynamically pick a column count. NOTE: make sure to have correct extra CSS to support this.</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L85">types.ts:85</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="layout"><code class="tsd-tag">Optional</code><span>layout</span><a href="#layout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><div class="tsd-comment tsd-typography"><p>global re-layout mode when changing columns</p>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L93">types.ts:93</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#breakpointforwindow"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoint<wbr/>For<wbr/>Window</span></a><a href="#breakpoints"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>breakpoints</span></a><a href="#columnmax"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Max</span></a><a href="#columnwidth"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>column<wbr/>Width</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/Size.html b/docs/html/interfaces/Size.html
similarity index 76%
rename from docs/interfaces/Size.html
rename to docs/html/interfaces/Size.html
index c4bab82d3..d597b4adc 100644
--- a/docs/interfaces/Size.html
+++ b/docs/html/interfaces/Size.html
@@ -1,3 +1,3 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Size | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Size</a></li></ul><h1>Interface Size</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Size</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#width">width</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#height">height</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="529"><h4>Hierarchy (<a href="../hierarchy.html#Size">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Size</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Rect.html" class="tsd-signature-type tsd-kind-interface">Rect</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L391">types.ts:391</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#width" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a>
-<a href="#height" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="width"><span>width</span><a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392">types.ts:392</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="height"><span>height</span><a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393">types.ts:393</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#width"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a><a href="#height"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Size | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Size</a></li></ul><h1>Interface Size</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Size</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#height">height</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#width">width</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><section class="tsd-panel tsd-hierarchy" data-refl="529"><h4>Hierarchy (<a href="../hierarchy.html#Size">View Summary</a>)</h4><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><span class="tsd-hierarchy-target">Size</span><ul class="tsd-hierarchy"><li class="tsd-hierarchy-item"><a href="Rect.html" class="tsd-signature-type tsd-kind-interface">Rect</a></li></ul></li></ul></section><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L391">types.ts:391</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#height" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a>
+<a href="#width" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a>
+</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="height"><span>height</span><a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L393">types.ts:393</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="width"><span>width</span><a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L392">types.ts:392</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#height"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>height</span></a><a href="#width"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>width</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/sitemap.xml b/docs/html/sitemap.xml
similarity index 54%
rename from docs/sitemap.xml
rename to docs/html/sitemap.xml
index 22e7fc33b..2151844d2 100644
--- a/docs/sitemap.xml
+++ b/docs/html/sitemap.xml
@@ -2,210 +2,242 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 	<url>
 		<loc>https://gridstack.github.io/gridstack.js/index.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/modules.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/hierarchy.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/hierarchy.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/AddRemoveFcn.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/DDDropOpt.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/Breakpoint.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/DDOpts.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/CellPosition.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/DDKey.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/ColumnOptions.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/DDValue.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/CompactOptions.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDBaseImplement.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
 		<loc>https://gridstack.github.io/gridstack.js/types/DDCallback.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDDraggable.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDDragOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/types/DDDropOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDDroppable.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDDroppableOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDElement.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
+	</url>
+	<url>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDElementHost.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
 		<loc>https://gridstack.github.io/gridstack.js/classes/DDGridStack.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackEngineOptions.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/DDKey.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/classes/GridStackEngine.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDManager.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridHTMLElement.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/DDOpts.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEvent.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDRemoveOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/MousePosition.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDResizable.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/CellPosition.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/classes/DDResizableHandle.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/classes/GridStack.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDResizableHandleOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/variables/gridDefaults.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDResizableOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/ColumnOptions.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDResizeOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/CompactOptions.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDUIData.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/numberOrString.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/DDValue.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridItemHTMLElement.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/DragTransform.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackElement.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/EventCallback.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEventHandler.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/variables/gridDefaults.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackElementHandler.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridHTMLElement.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackNodesHandler.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridItemHTMLElement.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackDroppedHandler.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/classes/GridStack.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEventHandlerCallback.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackDroppedHandler.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/AddRemoveFcn.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackElement.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/SaveFcn.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackElementHandler.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/RenderFcn.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/classes/GridStackEngine.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/types/ResizeToContentFcn.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackEngineOptions.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/Responsive.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEvent.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/Breakpoint.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEventHandler.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackOptions.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackEventHandlerCallback.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
 		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackMoveOpts.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackPosition.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackNode.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackWidget.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/GridStackNodesHandler.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDResizeOpt.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackOptions.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDRemoveOpt.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackPosition.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDDragOpt.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackWidget.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/Size.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/HeightData.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/Position.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/HTMLElementExtendOpt.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/Rect.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/MousePosition.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/DDUIData.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/numberOrString.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/GridStackNode.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/Position.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/HeightData.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/Rect.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/interfaces/DragTransform.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/RenderFcn.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/functions/obsolete.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/ResizeToContentFcn.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/functions/obsoleteOpts.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/Responsive.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/functions/obsoleteOptsDel.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/types/SaveFcn.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
-		<loc>https://gridstack.github.io/gridstack.js/functions/obsoleteAttr.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<loc>https://gridstack.github.io/gridstack.js/interfaces/Size.html</loc>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 	<url>
 		<loc>https://gridstack.github.io/gridstack.js/classes/Utils.html</loc>
-		<lastmod>2025-08-10T03:37:17.321Z</lastmod>
+		<lastmod>2025-08-10T05:11:43.191Z</lastmod>
 	</url>
 </urlset>
diff --git a/docs/types/AddRemoveFcn.html b/docs/html/types/AddRemoveFcn.html
similarity index 96%
rename from docs/types/AddRemoveFcn.html
rename to docs/html/types/AddRemoveFcn.html
index f047f97a1..fdb41d8a2 100644
--- a/docs/types/AddRemoveFcn.html
+++ b/docs/html/types/AddRemoveFcn.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>AddRemoveFcn | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">AddRemoveFcn</a></li></ul><h1>Type Alias AddRemoveFcn</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">AddRemoveFcn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">add</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">grid</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">undefined</span></div><div class="tsd-comment tsd-typography"><p>optional function called during load() to callback the user on new added/remove grid items | grids</p>
-</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">add</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">grid</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">undefined</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">add</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">grid</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">undefined</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L72">types.ts:72</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">parent</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">add</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">grid</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">undefined</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">parent</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li><li><span><span class="tsd-kind-parameter">add</span>: <span class="tsd-signature-type">boolean</span></span></li><li><span><span class="tsd-kind-parameter">grid</span>: <span class="tsd-signature-type">boolean</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">undefined</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L72">types.ts:72</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/ColumnOptions.html b/docs/html/types/ColumnOptions.html
similarity index 96%
rename from docs/types/ColumnOptions.html
rename to docs/html/types/ColumnOptions.html
index 24cd5f99c..a2b84186d 100644
--- a/docs/types/ColumnOptions.html
+++ b/docs/html/types/ColumnOptions.html
@@ -6,4 +6,4 @@
 'moveScale' - will scale and move items by the ratio new newColumnCount / oldColumnCount
 'move' | 'scale' - will only size or move items
 'none' will leave items unchanged, unless they don't fit in column count</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L51">types.ts:51</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L51">types.ts:51</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/CompactOptions.html b/docs/html/types/CompactOptions.html
similarity index 94%
rename from docs/types/CompactOptions.html
rename to docs/html/types/CompactOptions.html
index af21f439c..a49571f93 100644
--- a/docs/types/CompactOptions.html
+++ b/docs/html/types/CompactOptions.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CompactOptions | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">CompactOptions</a></li></ul><h1>Type Alias CompactOptions</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">CompactOptions</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;list&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;compact&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L53">types.ts:53</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CompactOptions | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">CompactOptions</a></li></ul><h1>Type Alias CompactOptions</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">CompactOptions</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;list&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;compact&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L53">types.ts:53</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/DDCallback.html b/docs/html/types/DDCallback.html
similarity index 95%
rename from docs/types/DDCallback.html
rename to docs/html/types/DDCallback.html
index 2de13dcad..299eabdaf 100644
--- a/docs/types/DDCallback.html
+++ b/docs/html/types/DDCallback.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDCallback | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDCallback</a></li></ul><h1>Type Alias DDCallback</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDCallback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">arg2</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">helper</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>drag&amp;drop events callbacks</p>
-</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">arg2</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">helper</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">arg2</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">helper</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L26">dd-gridstack.ts:26</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">arg2</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">helper</span><span class="tsd-signature-symbol">?:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">arg2</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li><li><span><code class="tsd-tag">Optional</code><span class="tsd-kind-parameter">helper</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L26">dd-gridstack.ts:26</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/DDDropOpt.html b/docs/html/types/DDDropOpt.html
similarity index 96%
rename from docs/types/DDDropOpt.html
rename to docs/html/types/DDDropOpt.html
index 109a83fb1..206c3e782 100644
--- a/docs/types/DDDropOpt.html
+++ b/docs/html/types/DDDropOpt.html
@@ -1,4 +1,4 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDDropOpt | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDDropOpt</a></li></ul><h1>Type Alias DDDropOpt</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Drag&amp;Drop drop options</p>
 </div><div class="tsd-comment tsd-typography"></div></section><div class="tsd-signature"><span class="tsd-signature-keyword">type</span> <span class="tsd-kind-type-alias">DDDropOpt</span> <span class="tsd-signature-symbol">=</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#accept">accept</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L14">dd-gridstack.ts:14</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#accept" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept?</span></a>
 </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="accept"><code class="tsd-tag">Optional</code><span>accept</span><a href="#accept" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">accept</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span></div><div class="tsd-comment tsd-typography"><p>function or class type that this grid will accept as dropped items (see GridStackOptions.acceptWidgets)</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L16">dd-gridstack.ts:16</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L16">dd-gridstack.ts:16</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#accept"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>accept</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/DDKey.html b/docs/html/types/DDKey.html
similarity index 94%
rename from docs/types/DDKey.html
rename to docs/html/types/DDKey.html
index 8e409355d..dce8bbf6e 100644
--- a/docs/types/DDKey.html
+++ b/docs/html/types/DDKey.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDKey | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDKey</a></li></ul><h1>Type Alias DDKey</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDKey</span><span class="tsd-signature-symbol">:</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;minWidth&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;minHeight&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxWidth&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxHeight&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxHeightMoveUp&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxWidthMoveLeft&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L22">dd-gridstack.ts:22</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDKey | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDKey</a></li></ul><h1>Type Alias DDKey</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDKey</span><span class="tsd-signature-symbol">:</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;minWidth&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;minHeight&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxWidth&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxHeight&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxHeightMoveUp&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;maxWidthMoveLeft&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L22">dd-gridstack.ts:22</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/DDOpts.html b/docs/html/types/DDOpts.html
similarity index 94%
rename from docs/types/DDOpts.html
rename to docs/html/types/DDOpts.html
index dd6f6cf2c..58aa392b3 100644
--- a/docs/types/DDOpts.html
+++ b/docs/html/types/DDOpts.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDOpts | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDOpts</a></li></ul><h1>Type Alias DDOpts</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDOpts</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;enable&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;disable&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;destroy&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;option&quot;</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">any</span></div><div class="tsd-comment tsd-typography"><p>drag&amp;drop options currently called from the main code, but others can be passed in grid options</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L21">dd-gridstack.ts:21</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L21">dd-gridstack.ts:21</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/DDValue.html b/docs/html/types/DDValue.html
similarity index 93%
rename from docs/types/DDValue.html
rename to docs/html/types/DDValue.html
index cbc0e855e..9cc46ab4e 100644
--- a/docs/types/DDValue.html
+++ b/docs/html/types/DDValue.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDValue | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDValue</a></li></ul><h1>Type Alias DDValue</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDValue</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L23">dd-gridstack.ts:23</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>DDValue | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">DDValue</a></li></ul><h1>Type Alias DDValue</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">DDValue</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-gridstack.ts#L23">dd-gridstack.ts:23</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/html/types/EventCallback.html b/docs/html/types/EventCallback.html
new file mode 100644
index 000000000..730d303fe
--- /dev/null
+++ b/docs/html/types/EventCallback.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>EventCallback | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">EventCallback</a></li></ul><h1>Type Alias EventCallback</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">EventCallback</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>dd-base-impl.ts 12.2.2-dev
+Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license</p>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/dd-base-impl.ts#L6">dd-base-impl.ts:6</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackDroppedHandler.html b/docs/html/types/GridStackDroppedHandler.html
similarity index 96%
rename from docs/types/GridStackDroppedHandler.html
rename to docs/html/types/GridStackDroppedHandler.html
index e208ed30f..0342ad74c 100644
--- a/docs/types/GridStackDroppedHandler.html
+++ b/docs/html/types/GridStackDroppedHandler.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackDroppedHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackDroppedHandler</a></li></ul><h1>Type Alias GridStackDroppedHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackDroppedHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">previousNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">newNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">previousNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">newNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">previousNode</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">newNode</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L68">types.ts:68</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackDroppedHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackDroppedHandler</a></li></ul><h1>Type Alias GridStackDroppedHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackDroppedHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">previousNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-kind-parameter">newNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">previousNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">newNode</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">previousNode</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">newNode</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L68">types.ts:68</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackElement.html b/docs/html/types/GridStackElement.html
similarity index 93%
rename from docs/types/GridStackElement.html
rename to docs/html/types/GridStackElement.html
index 14b274e4d..d50e2eea7 100644
--- a/docs/types/GridStackElement.html
+++ b/docs/html/types/GridStackElement.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackElement</a></li></ul><h1>Type Alias GridStackElement</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackElement</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L62">types.ts:62</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackElement | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackElement</a></li></ul><h1>Type Alias GridStackElement</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackElement</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLElement</span> <span class="tsd-signature-symbol">|</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L62">types.ts:62</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackElementHandler.html b/docs/html/types/GridStackElementHandler.html
similarity index 95%
rename from docs/types/GridStackElementHandler.html
rename to docs/html/types/GridStackElementHandler.html
index 11829839d..1a10781f3 100644
--- a/docs/types/GridStackElementHandler.html
+++ b/docs/html/types/GridStackElementHandler.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackElementHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackElementHandler</a></li></ul><h1>Type Alias GridStackElementHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackElementHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L66">types.ts:66</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackElementHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackElementHandler</a></li></ul><h1>Type Alias GridStackElementHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackElementHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L66">types.ts:66</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackEvent.html b/docs/html/types/GridStackEvent.html
similarity index 93%
rename from docs/types/GridStackEvent.html
rename to docs/html/types/GridStackEvent.html
index 38ba6b31c..55d9c413c 100644
--- a/docs/types/GridStackEvent.html
+++ b/docs/html/types/GridStackEvent.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackEvent | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackEvent</a></li></ul><h1>Type Alias GridStackEvent</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackEvent</span><span class="tsd-signature-symbol">:</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;added&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;change&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;disable&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;drag&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstart&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dragstop&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;dropped&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;enable&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;removed&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resize&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestart&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizestop&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;resizecontent&quot;</span></div><div class="tsd-comment tsd-typography"><p>list of possible events, or space separated list of them</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L39">gridstack.ts:39</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/gridstack.ts#L46">gridstack.ts:46</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackEventHandler.html b/docs/html/types/GridStackEventHandler.html
similarity index 95%
rename from docs/types/GridStackEventHandler.html
rename to docs/html/types/GridStackEventHandler.html
index 4a3f6d524..58629a4b6 100644
--- a/docs/types/GridStackEventHandler.html
+++ b/docs/html/types/GridStackEventHandler.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackEventHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackEventHandler</a></li></ul><h1>Type Alias GridStackEventHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackEventHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>specific and general event handlers for the .on() method</p>
-</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L65">types.ts:65</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L65">types.ts:65</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackEventHandlerCallback.html b/docs/html/types/GridStackEventHandlerCallback.html
similarity index 94%
rename from docs/types/GridStackEventHandlerCallback.html
rename to docs/html/types/GridStackEventHandlerCallback.html
index 6c5906854..07a920353 100644
--- a/docs/types/GridStackEventHandlerCallback.html
+++ b/docs/html/types/GridStackEventHandlerCallback.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackEventHandlerCallback | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackEventHandlerCallback</a></li></ul><h1>Type Alias GridStackEventHandlerCallback</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackEventHandlerCallback</span><span class="tsd-signature-symbol">:</span><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackEventHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackElementHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElementHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackNodesHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackNodesHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackDroppedHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackDroppedHandler</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L69">types.ts:69</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackEventHandlerCallback | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackEventHandlerCallback</a></li></ul><h1>Type Alias GridStackEventHandlerCallback</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackEventHandlerCallback</span><span class="tsd-signature-symbol">:</span><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackEventHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackEventHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackElementHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackElementHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackNodesHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackNodesHandler</a><br/>    <span class="tsd-signature-symbol">|</span> <a href="GridStackDroppedHandler.html" class="tsd-signature-type tsd-kind-type-alias">GridStackDroppedHandler</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L69">types.ts:69</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/GridStackNodesHandler.html b/docs/html/types/GridStackNodesHandler.html
similarity index 95%
rename from docs/types/GridStackNodesHandler.html
rename to docs/html/types/GridStackNodesHandler.html
index 91b163495..0b4425318 100644
--- a/docs/types/GridStackNodesHandler.html
+++ b/docs/html/types/GridStackNodesHandler.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackNodesHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackNodesHandler</a></li></ul><h1>Type Alias GridStackNodesHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackNodesHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L67">types.ts:67</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>GridStackNodesHandler | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">GridStackNodesHandler</a></li></ul><h1>Type Alias GridStackNodesHandler</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">GridStackNodesHandler</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">event</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nodes</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">event</span>: <span class="tsd-signature-type">Event</span></span></li><li><span><span class="tsd-kind-parameter">nodes</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">[]</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L67">types.ts:67</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/RenderFcn.html b/docs/html/types/RenderFcn.html
similarity index 95%
rename from docs/types/RenderFcn.html
rename to docs/html/types/RenderFcn.html
index 0a18889b5..82d828f02 100644
--- a/docs/types/RenderFcn.html
+++ b/docs/html/types/RenderFcn.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>RenderFcn | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">RenderFcn</a></li></ul><h1>Type Alias RenderFcn</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">RenderFcn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>optional function called during load()/addWidget() to let the caller create custom content other than plan text</p>
-</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L78">types.ts:78</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <span class="tsd-signature-type">HTMLElement</span></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L78">types.ts:78</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/ResizeToContentFcn.html b/docs/html/types/ResizeToContentFcn.html
similarity index 95%
rename from docs/types/ResizeToContentFcn.html
rename to docs/html/types/ResizeToContentFcn.html
index 5b16a6850..7f0a8e7c4 100644
--- a/docs/types/ResizeToContentFcn.html
+++ b/docs/html/types/ResizeToContentFcn.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ResizeToContentFcn | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">ResizeToContentFcn</a></li></ul><h1>Type Alias ResizeToContentFcn</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">ResizeToContentFcn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L80">types.ts:80</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ResizeToContentFcn | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">ResizeToContentFcn</a></li></ul><h1>Type Alias ResizeToContentFcn</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">ResizeToContentFcn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">el</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">el</span>: <a href="../interfaces/GridItemHTMLElement.html" class="tsd-signature-type tsd-kind-interface">GridItemHTMLElement</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L80">types.ts:80</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/SaveFcn.html b/docs/html/types/SaveFcn.html
similarity index 95%
rename from docs/types/SaveFcn.html
rename to docs/html/types/SaveFcn.html
index 5d0bbbba4..5f6236151 100644
--- a/docs/types/SaveFcn.html
+++ b/docs/html/types/SaveFcn.html
@@ -1,2 +1,2 @@
 <!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>SaveFcn | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">SaveFcn</a></li></ul><h1>Type Alias SaveFcn</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">SaveFcn</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span></div><div class="tsd-comment tsd-typography"><p>optional function called during save() to let the caller add additional custom data to the GridStackWidget structure that will get returned</p>
-</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L75">types.ts:75</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature" id="__type"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">node</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">w</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">void</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">node</span>: <a href="../interfaces/GridStackNode.html" class="tsd-signature-type tsd-kind-interface">GridStackNode</a></span></li><li><span><span class="tsd-kind-parameter">w</span>: <a href="../interfaces/GridStackWidget.html" class="tsd-signature-type tsd-kind-interface">GridStackWidget</a></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></li></ul></div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L75">types.ts:75</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/types/numberOrString.html b/docs/html/types/numberOrString.html
similarity index 94%
rename from docs/types/numberOrString.html
rename to docs/html/types/numberOrString.html
index 3863708bc..8bfc04f71 100644
--- a/docs/types/numberOrString.html
+++ b/docs/html/types/numberOrString.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>numberOrString | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">numberOrString</a></li></ul><h1>Type Alias numberOrString</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">numberOrString</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L54">types.ts:54</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>numberOrString | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">numberOrString</a></li></ul><h1>Type Alias numberOrString</h1></div><div class="tsd-signature"><span class="tsd-kind-type-alias">numberOrString</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L54">types.ts:54</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/variables/gridDefaults.html b/docs/html/variables/gridDefaults.html
similarity index 93%
rename from docs/variables/gridDefaults.html
rename to docs/html/variables/gridDefaults.html
index 5e5eaad7b..42a2211df 100644
--- a/docs/variables/gridDefaults.html
+++ b/docs/html/variables/gridDefaults.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridDefaults | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">gridDefaults</a></li></ul><h1>Variable gridDefaults<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">gridDefaults</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L10">types.ts:10</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridDefaults | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">gridDefaults</a></li></ul><h1>Variable gridDefaults<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">gridDefaults</span><span class="tsd-signature-symbol">:</span> <a href="../interfaces/GridStackOptions.html" class="tsd-signature-type tsd-kind-interface">GridStackOptions</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L10">types.ts:10</a></li></ul></aside></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../index.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/index.html b/docs/index.html
deleted file mode 100644
index 223345502..000000000
--- a/docs/index.html
+++ /dev/null
@@ -1,336 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><link rel="canonical" href="https://gridstack.github.io/gridstack.js/"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>gridstack - v12.2.2-dev</h1></div><div class="tsd-panel tsd-typography"><h1 id="gridstackjs" class="tsd-anchor-link">gridstack.js<a href="#gridstackjs" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p><a href="https://www.npmjs.com/package/gridstack" target="_blank" class="external"><img src="https://img.shields.io/npm/v/gridstack.svg" alt="NPM version"></a>
-<a href="https://coveralls.io/github/gridstack/gridstack.js?branch=develop" target="_blank" class="external"><img src="https://coveralls.io/repos/github/gridstack/gridstack.js/badge.svg?branch=develop" alt="Coverage Status"></a>
-<a href="https://www.npmjs.com/package/gridstack" target="_blank" class="external"><img src="https://img.shields.io/npm/dm/gridstack.svg" alt="downloads"></a></p>
-<p>Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, multi-column responsive dashboard has never been easier. Has multiple bindings and works great with <a href="https://angular.io/" target="_blank" class="external">Angular</a> (included), <a href="https://reactjs.org/" target="_blank" class="external">React</a>, <a href="https://vuejs.org/" target="_blank" class="external">Vue</a>, <a href="http://knockoutjs.com" target="_blank" class="external">Knockout.js</a>, <a href="https://www.emberjs.com/" target="_blank" class="external">Ember</a> and others (see <a href="#specific-frameworks">frameworks</a> section).</p>
-<p>Inspired by no-longer maintained gridster, built with love.</p>
-<p>Check <a href="http://gridstackjs.com" target="_blank" class="external">http://gridstackjs.com</a> and <a href="http://gridstackjs.com/demo/" target="_blank" class="external">these demos</a>.</p>
-<p>If you find this lib useful, please donate <a href="https://www.paypal.me/alaind831" target="_blank" class="external">PayPal</a> (use <strong>“send to a friend”</strong> to avoid 3% fee) or <a href="https://www.venmo.com/adumesny" target="_blank" class="external">Venmo</a> (adumesny) and help support it!</p>
-<p><a href="https://www.paypal.me/alaind831" target="_blank" class="external"><img src="https://img.shields.io/badge/Donate-PayPal-green.svg" alt="Donate"></a>
-<a href="https://www.venmo.com/adumesny" target="_blank" class="external"><img src="https://img.shields.io/badge/Donate-Venmo-g.svg" alt="Donate"></a></p>
-<p>Join us on Slack: <a href="https://join.slack.com/t/gridstackjs/shared_invite/zt-3978nsff6-HDNE_N45DydP36NBSV9JFQ" target="_blank" class="external">https://gridstackjs.slack.com</a></p>
-<!-- [![Slack Status](https://gridstackjs.com/badge.svg)](https://gridstackjs.slack.com) -->
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-<p><strong>Table of Contents</strong>  <em>generated with <a href="http://doctoc.herokuapp.com/" target="_blank" class="external">DocToc</a></em></p>
-<ul>
-<li><a href="#demo-and-api-documentation">Demo and API Documentation</a></li>
-<li><a href="#usage">Usage</a>
-<ul>
-<li><a href="#install">Install</a></li>
-<li><a href="#include">Include</a></li>
-<li><a href="#basic-usage">Basic usage</a></li>
-<li><a href="#requirements">Requirements</a></li>
-<li><a href="#specific-frameworks">Specific frameworks</a></li>
-<li><a href="#extend-library">Extend Library</a></li>
-<li><a href="#extend-engine">Extend Engine</a></li>
-<li><a href="#change-grid-columns">Change grid columns</a></li>
-<li><a href="#custom-columns-css-old-not-needed-with-v12">Custom columns CSS (OLD, not needed with v12+)</a></li>
-<li><a href="#override-resizabledraggable-options">Override resizable/draggable options</a></li>
-<li><a href="#touch-devices-support">Touch devices support</a></li>
-</ul>
-</li>
-<li><a href="#migrating">Migrating</a>
-<ul>
-<li><a href="#migrating-to-v06">Migrating to v0.6</a></li>
-<li><a href="#migrating-to-v1">Migrating to v1</a></li>
-<li><a href="#migrating-to-v2">Migrating to v2</a></li>
-<li><a href="#migrating-to-v3">Migrating to v3</a></li>
-<li><a href="#migrating-to-v4">Migrating to v4</a></li>
-<li><a href="#migrating-to-v5">Migrating to v5</a></li>
-<li><a href="#migrating-to-v6">Migrating to v6</a></li>
-<li><a href="#migrating-to-v7">Migrating to v7</a></li>
-<li><a href="#migrating-to-v8">Migrating to v8</a></li>
-<li><a href="#migrating-to-v9">Migrating to v9</a></li>
-<li><a href="#migrating-to-v10">Migrating to v10</a></li>
-<li><a href="#migrating-to-v11">Migrating to v11</a></li>
-<li><a href="#migrating-to-v12">Migrating to v12</a></li>
-</ul>
-</li>
-<li><a href="#jquery-application">jQuery Application</a></li>
-<li><a href="#changes">Changes</a></li>
-<li><a href="#usage-trend">Usage Trend</a></li>
-<li><a href="#the-team">The Team</a></li>
-</ul>
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-<h1 id="demo-and-api-documentation" class="tsd-anchor-link">Demo and API Documentation<a href="#demo-and-api-documentation" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p>Please visit <a href="http://gridstackjs.com" target="_blank" class="external">http://gridstackjs.com</a> and <a href="http://gridstackjs.com/demo/" target="_blank" class="external">these demos</a>, and complete <a href="https://github.com/gridstack/gridstack.js/tree/master/doc" target="_blank" class="external">API documentation</a></p>
-<h1 id="usage" class="tsd-anchor-link">Usage<a href="#usage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><h2 id="install" class="tsd-anchor-link">Install<a href="#install" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p><a href="https://www.npmjs.com/package/gridstack" target="_blank" class="external"><img src="https://img.shields.io/npm/v/gridstack.svg" alt="NPM version"></a></p>
-<pre><code class="js"><span class="hl-0">yarn</span><span class="hl-1"> </span><span class="hl-0">add</span><span class="hl-1"> </span><span class="hl-0">gridstack</span><br/><span class="hl-2">// or</span><br/><span class="hl-0">npm</span><span class="hl-1"> </span><span class="hl-0">install</span><span class="hl-1"> --</span><span class="hl-0">save</span><span class="hl-1"> </span><span class="hl-0">gridstack</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="include" class="tsd-anchor-link">Include<a href="#include" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>ES6 or Typescript</p>
-<pre><code class="js"><span class="hl-3">import</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack/dist/gridstack.min.css&#39;</span><span class="hl-1">;</span><br/><span class="hl-3">import</span><span class="hl-1"> { </span><span class="hl-0">GridStack</span><span class="hl-1"> } </span><span class="hl-3">from</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack&#39;</span><span class="hl-1">;</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Alternatively (single combined file, notice the -all.js) in html</p>
-<pre><code class="html"><span class="hl-5">&lt;</span><span class="hl-6">link</span><span class="hl-1"> </span><span class="hl-7">href</span><span class="hl-1">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack.min.css&quot;</span><span class="hl-1"> </span><span class="hl-7">rel</span><span class="hl-1">=</span><span class="hl-8">&quot;stylesheet&quot;</span><span class="hl-5">/&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack-all.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span>
-</code><button type="button">Copy</button></pre>
-
-<p><strong>Note</strong>: IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browser so this likely will break again in the future) and DROPPED again in v12 (css variable needed).
-You can use the es5 files and polyfill (larger) for older browser instead. For example:</p>
-<pre><code class="html"><span class="hl-5">&lt;</span><span class="hl-6">link</span><span class="hl-1"> </span><span class="hl-7">href</span><span class="hl-1">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack.min.css&quot;</span><span class="hl-1"> </span><span class="hl-7">rel</span><span class="hl-1">=</span><span class="hl-8">&quot;stylesheet&quot;</span><span class="hl-5">/&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/es5/gridstack-poly.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/es5/gridstack-all.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="basic-usage" class="tsd-anchor-link">Basic usage<a href="#basic-usage" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>creating items dynamically...</p>
-<pre><code class="js"><span class="hl-2">// ...in your HTML</span><br/><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><br/><span class="hl-2">// ...in your script</span><br/><span class="hl-10">var</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">({</span><span class="hl-0">w:</span><span class="hl-1"> </span><span class="hl-12">2</span><span class="hl-1">, </span><span class="hl-0">content:</span><span class="hl-1"> </span><span class="hl-4">&#39;item 1&#39;</span><span class="hl-1">});</span>
-</code><button type="button">Copy</button></pre>
-
-<p>... or creating from list</p>
-<pre><code class="js"><span class="hl-2">// using serialize data instead of .addWidget()</span><br/><span class="hl-10">const</span><span class="hl-1"> </span><span class="hl-13">serializedData</span><span class="hl-1"> = [</span><br/><span class="hl-1">  {</span><span class="hl-0">x:</span><span class="hl-1"> </span><span class="hl-12">0</span><span class="hl-1">, </span><span class="hl-0">y:</span><span class="hl-1"> </span><span class="hl-12">0</span><span class="hl-1">, </span><span class="hl-0">w:</span><span class="hl-1"> </span><span class="hl-12">2</span><span class="hl-1">, </span><span class="hl-0">h:</span><span class="hl-1"> </span><span class="hl-12">2</span><span class="hl-1">},</span><br/><span class="hl-1">  {</span><span class="hl-0">x:</span><span class="hl-1"> </span><span class="hl-12">2</span><span class="hl-1">, </span><span class="hl-0">y:</span><span class="hl-1"> </span><span class="hl-12">3</span><span class="hl-1">, </span><span class="hl-0">w:</span><span class="hl-1"> </span><span class="hl-12">3</span><span class="hl-1">, </span><span class="hl-0">content:</span><span class="hl-1"> </span><span class="hl-4">&#39;item 2&#39;</span><span class="hl-1">},</span><br/><span class="hl-1">  {</span><span class="hl-0">x:</span><span class="hl-1"> </span><span class="hl-12">1</span><span class="hl-1">, </span><span class="hl-0">y:</span><span class="hl-1"> </span><span class="hl-12">3</span><span class="hl-1">}</span><br/><span class="hl-1">];</span><br/><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">load</span><span class="hl-1">(</span><span class="hl-0">serializedData</span><span class="hl-1">);</span>
-</code><button type="button">Copy</button></pre>
-
-<p>... or DOM created items</p>
-<pre><code class="js"><span class="hl-2">// ...in your HTML</span><br/><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack&quot;</span><span class="hl-5">&gt;</span><br/><span class="hl-1">  </span><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item&quot;</span><span class="hl-5">&gt;</span><br/><span class="hl-1">    </span><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item-content&quot;</span><span class="hl-5">&gt;</span><span class="hl-1">Item 1</span><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><span class="hl-1">  </span><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><span class="hl-1">  </span><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item&quot;</span><span class="hl-1"> </span><span class="hl-7">gs-w</span><span class="hl-1">=</span><span class="hl-4">&quot;2&quot;</span><span class="hl-5">&gt;</span><br/><span class="hl-1">    </span><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-4">&quot;grid-stack-item-content&quot;</span><span class="hl-5">&gt;</span><span class="hl-1">Item 2 wider</span><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><span class="hl-1">  </span><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span><br/><br/><span class="hl-2">// ...in your script</span><br/><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span>
-</code><button type="button">Copy</button></pre>
-
-<p>...or see list of all <a href="https://github.com/gridstack/gridstack.js/tree/master/doc" target="_blank" class="external">API and options</a> available.</p>
-<p>see <a href="https://stackblitz.com/edit/gridstack-demo" target="_blank" class="external">stackblitz sample</a> as running example too.</p>
-<h2 id="requirements" class="tsd-anchor-link">Requirements<a href="#requirements" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>GridStack no longer requires external dependencies as of v1 (lodash was removed in v0.5 and jquery API in v1). v3 is a complete HTML5 re-write removing need for jquery. v6 is native mouse and touch event for mobile support, and no longer have jquery-ui version. All you need to include now is <code>gridstack-all.js</code> and <code>gridstack.min.css</code> (layouts are done using CSS column based %).</p>
-<h2 id="specific-frameworks" class="tsd-anchor-link">Specific frameworks<a href="#specific-frameworks" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>search for <a href="https://www.npmjs.com/search?q=gridstack&amp;ranking=popularity" target="_blank" class="external">'gridstack' under NPM</a> for latest, more to come...</p>
-<ul>
-<li><strong>Angular</strong>: we ship out of the box an Angular wrapper - see <a href="https://github.com/gridstack/gridstack.js/tree/master/angular" target="_blank">Angular Component</a>.</li>
-<li><strong>Angular9</strong>: <a href="https://github.com/pfms84/lb-gridstack" target="_blank" class="external">lb-gridstack</a> Note: very old v0.3 gridstack instance so recommend for <strong>concept ONLY if you wish to use directive instead</strong>. Code has <strong>not been vented</strong> at as I use components.</li>
-<li><strong>AngularJS</strong>: <a href="https://github.com/kdietrich/gridstack-angular" target="_blank" class="external">gridstack-angular</a></li>
-<li><strong>Ember</strong>: <a href="https://github.com/yahoo/ember-gridstack" target="_blank" class="external">ember-gridstack</a></li>
-<li><strong>knockout</strong>: see <a href="https://gridstackjs.com/demo/knockout.html" target="_blank" class="external">demo</a> using component, but check <a href="https://github.com/gridstack/gridstack.js/issues/465" target="_blank" class="external">custom bindings ticket</a> which is likely better approach.</li>
-<li><strong>Rails</strong>: <a href="https://github.com/randoum/gridstack-js-rails" target="_blank" class="external">gridstack-js-rails</a></li>
-<li><strong>React</strong>: work in progress to have wrapper code: see <a href="https://github.com/gridstack/gridstack.js/tree/master/react" target="_blank">React Component</a>. But also see <a href="https://gridstackjs.com/demo/react.html" target="_blank" class="external">demo</a> with <a href="https://github.com/gridstack/gridstack.js/tree/master/demo/react.html" target="_blank" class="external">src</a>, or  <a href="https://github.com/Inder2108/react-gridstack-example/tree/master/src/App.js" target="_blank" class="external">react-gridstack-example</a>, or read on what <a href="https://github.com/gridstack/gridstack.js/issues/735#issuecomment-329888796" target="_blank" class="external">hooks to use</a></li>
-<li><strong>Vue</strong>: see <a href="https://gridstackjs.com/demo/vue3js.html" target="_blank" class="external">demo</a> with <a href="https://github.com/gridstack/gridstack.js/tree/master/demo/vue3js.html" target="_blank" class="external">v3 src</a> or <a href="https://github.com/gridstack/gridstack.js/tree/master/demo/vue2js.html" target="_blank" class="external">v2 src</a></li>
-<li><strong>Aurelia</strong>: <a href="https://github.com/aurelia-ui-toolkits/aurelia-gridstack" target="_blank" class="external">aurelia-gridstack</a>, see <a href="https://aurelia-ui-toolkits.github.io/aurelia-gridstack/" target="_blank" class="external">demo</a></li>
-</ul>
-<h2 id="extend-library" class="tsd-anchor-link">Extend Library<a href="#extend-library" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>You can easily extend or patch gridstack with code like this:</p>
-<pre><code class="js"><span class="hl-2">// extend gridstack with our own custom method</span><br/><span class="hl-14">GridStack</span><span class="hl-1">.</span><span class="hl-0">prototype</span><span class="hl-1">.</span><span class="hl-11">printCount</span><span class="hl-1"> = </span><span class="hl-10">function</span><span class="hl-1">() {</span><br/><span class="hl-1">  </span><span class="hl-0">console</span><span class="hl-1">.</span><span class="hl-11">log</span><span class="hl-1">(</span><span class="hl-4">&#39;grid has &#39;</span><span class="hl-1"> + </span><span class="hl-10">this</span><span class="hl-1">.</span><span class="hl-0">engine</span><span class="hl-1">.</span><span class="hl-0">nodes</span><span class="hl-1">.</span><span class="hl-0">length</span><span class="hl-1"> + </span><span class="hl-4">&#39; items&#39;</span><span class="hl-1">);</span><br/><span class="hl-1">};</span><br/><br/><span class="hl-10">let</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">();</span><br/><br/><span class="hl-2">// you can now call</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">printCount</span><span class="hl-1">();</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="extend-engine" class="tsd-anchor-link">Extend Engine<a href="#extend-engine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>You can now (5.1+) easily create your own layout engine to further customize your usage. Here is a typescript example</p>
-<pre><code class="ts"><span class="hl-3">import</span><span class="hl-1"> { </span><span class="hl-0">GridStack</span><span class="hl-1">, </span><span class="hl-0">GridStackEngine</span><span class="hl-1">, </span><span class="hl-0">GridStackNode</span><span class="hl-1">, </span><span class="hl-0">GridStackMoveOpts</span><span class="hl-1"> } </span><span class="hl-3">from</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack&#39;</span><span class="hl-1">;</span><br/><br/><span class="hl-10">class</span><span class="hl-1"> </span><span class="hl-14">CustomEngine</span><span class="hl-1"> </span><span class="hl-10">extends</span><span class="hl-1"> </span><span class="hl-14">GridStackEngine</span><span class="hl-1"> {</span><br/><br/><span class="hl-1">  </span><span class="hl-2">/** refined this to move the node to the given new location */</span><br/><span class="hl-1">  </span><span class="hl-10">public</span><span class="hl-1"> </span><span class="hl-10">override</span><span class="hl-1"> </span><span class="hl-11">moveNode</span><span class="hl-1">(</span><span class="hl-0">node</span><span class="hl-1">: </span><span class="hl-14">GridStackNode</span><span class="hl-1">, </span><span class="hl-0">o</span><span class="hl-1">: </span><span class="hl-14">GridStackMoveOpts</span><span class="hl-1">): </span><span class="hl-14">boolean</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-2">// keep the same original X and Width and let base do it all...</span><br/><span class="hl-1">    </span><span class="hl-0">o</span><span class="hl-1">.</span><span class="hl-0">x</span><span class="hl-1"> = </span><span class="hl-0">node</span><span class="hl-1">.</span><span class="hl-0">x</span><span class="hl-1">;</span><br/><span class="hl-1">    </span><span class="hl-0">o</span><span class="hl-1">.</span><span class="hl-0">w</span><span class="hl-1"> = </span><span class="hl-0">node</span><span class="hl-1">.</span><span class="hl-0">w</span><span class="hl-1">;</span><br/><span class="hl-1">    </span><span class="hl-3">return</span><span class="hl-1"> </span><span class="hl-10">super</span><span class="hl-1">.</span><span class="hl-11">moveNode</span><span class="hl-1">(</span><span class="hl-0">node</span><span class="hl-1">, </span><span class="hl-0">o</span><span class="hl-1">);</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">registerEngine</span><span class="hl-1">(</span><span class="hl-0">CustomEngine</span><span class="hl-1">); </span><span class="hl-2">// globally set our custom class</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="change-grid-columns" class="tsd-anchor-link">Change grid columns<a href="#change-grid-columns" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>GridStack makes it very easy if you need [1-12] columns out of the box (default is 12), but you always need <strong>2 things</strong> if you need to customize this:</p>
-<ol>
-<li>Change the <code>column</code> grid option when creating a grid to your number N</li>
-</ol>
-<pre><code class="js"><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">( {</span><span class="hl-0">column:</span><span class="hl-1"> </span><span class="hl-13">N</span><span class="hl-1">} );</span>
-</code><button type="button">Copy</button></pre>
-
-<p>NOTE: step 2 is OLD and not needed with v12+ which uses CSS variables instead of classes</p>
-<ol start="2">
-<li>also include <code>gridstack-extra.css</code> if <strong>N &lt; 12</strong> (else custom CSS - see next). Without these, things will not render/work correctly.</li>
-</ol>
-<pre><code class="html"><span class="hl-5">&lt;</span><span class="hl-6">link</span><span class="hl-1"> </span><span class="hl-7">href</span><span class="hl-1">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack.min.css&quot;</span><span class="hl-1"> </span><span class="hl-7">rel</span><span class="hl-1">=</span><span class="hl-8">&quot;stylesheet&quot;</span><span class="hl-5">/&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">link</span><span class="hl-1"> </span><span class="hl-7">href</span><span class="hl-1">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack-extra.min.css&quot;</span><span class="hl-1"> </span><span class="hl-7">rel</span><span class="hl-1">=</span><span class="hl-8">&quot;stylesheet&quot;</span><span class="hl-5">/&gt;</span><br/><br/><span class="hl-5">&lt;</span><span class="hl-6">div</span><span class="hl-1"> </span><span class="hl-7">class</span><span class="hl-1">=</span><span class="hl-8">&quot;grid-stack&quot;</span><span class="hl-5">&gt;</span><span class="hl-1">...</span><span class="hl-5">&lt;/</span><span class="hl-6">div</span><span class="hl-5">&gt;</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Note: class <code>.grid-stack-N</code> will automatically be added and we include <code>gridstack-extra.min.css</code> which defines CSS for grids with custom [2-11] columns. Anything more and you'll need to generate the SASS/CSS yourself (see next).</p>
-<p>See example: <a href="http://gridstack.github.io/gridstack.js/demo/two.html" target="_blank" class="external">2 grids demo</a> with 6 columns</p>
-<h2 id="custom-columns-css-old-not-needed-with-v12" class="tsd-anchor-link">Custom columns CSS (OLD, not needed with v12+)<a href="#custom-columns-css-old-not-needed-with-v12" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>NOTE: step is OLD and not needed with v12+ which uses CSS variables instead of classes</p>
-<p>If you need &gt; 12 columns or want to generate the CSS manually you will need to generate CSS rules for <code>.grid-stack-item[gs-w=&quot;X&quot;]</code> and <code>.grid-stack-item[gs-x=&quot;X&quot;]</code>.</p>
-<p>For instance for 4-column grid you need CSS to be:</p>
-<pre><code class="css"><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-x</span><span class="hl-1">=</span><span class="hl-4">&quot;1&quot;</span><span class="hl-1">]  { </span><span class="hl-7">left</span><span class="hl-1">: </span><span class="hl-12">25%</span><span class="hl-1"> }</span><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-x</span><span class="hl-1">=</span><span class="hl-4">&quot;2&quot;</span><span class="hl-1">]  { </span><span class="hl-7">left</span><span class="hl-1">: </span><span class="hl-12">50%</span><span class="hl-1"> }</span><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-x</span><span class="hl-1">=</span><span class="hl-4">&quot;3&quot;</span><span class="hl-1">]  { </span><span class="hl-7">left</span><span class="hl-1">: </span><span class="hl-12">75%</span><span class="hl-1"> }</span><br/><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1"> { </span><span class="hl-7">width</span><span class="hl-1">: </span><span class="hl-12">25%</span><span class="hl-1"> }</span><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-w</span><span class="hl-1">=</span><span class="hl-4">&quot;2&quot;</span><span class="hl-1">]  { </span><span class="hl-7">width</span><span class="hl-1">: </span><span class="hl-12">50%</span><span class="hl-1"> }</span><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-w</span><span class="hl-1">=</span><span class="hl-4">&quot;3&quot;</span><span class="hl-1">]  { </span><span class="hl-7">width</span><span class="hl-1">: </span><span class="hl-12">75%</span><span class="hl-1"> }</span><br/><span class="hl-15">.gs-4</span><span class="hl-1"> &gt; </span><span class="hl-15">.grid-stack-item</span><span class="hl-1">[</span><span class="hl-7">gs-w</span><span class="hl-1">=</span><span class="hl-4">&quot;4&quot;</span><span class="hl-1">]  { </span><span class="hl-7">width</span><span class="hl-1">: </span><span class="hl-12">100%</span><span class="hl-1"> }</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Better yet, here is a SCSS code snippet, you can use sites like <a href="https://www.sassmeister.com/" target="_blank" class="external">sassmeister.com</a> to generate the CSS for you instead:</p>
-<pre><code class="scss">$columns: 20;
-@function fixed($float) {
-  @return round($float * 1000) / 1000; // total 2+3 digits being %
-}
-.gs-#{$columns} > .grid-stack-item {
-
-  width: fixed(100% / $columns);
-
-  @for $i from 1 through $columns - 1 {
-    &[gs-x='#{$i}'] { left: fixed((100% / $columns) * $i); }
-    &[gs-w='#{$i+1}'] { width: fixed((100% / $columns) * ($i+1)); }
-  }
-}
-</code><button type="button">Copy</button></pre>
-
-<p>you can also use the SCSS <a href="https://github.com/gridstack/gridstack.js/tree/master/src/gridstack-extra.scss" target="_blank" class="external">src/gridstack-extra.scss</a> included in NPM package and modify to add more columns.</p>
-<p>Sample gulp command for 30 columns:</p>
-<pre><code class="js"><span class="hl-0">gulp</span><span class="hl-1">.</span><span class="hl-11">src</span><span class="hl-1">(</span><span class="hl-4">&#39;node_modules/gridstack/dist/src/gridstack-extra.scss&#39;</span><span class="hl-1">)</span><br/><span class="hl-1">        .</span><span class="hl-11">pipe</span><span class="hl-1">(</span><span class="hl-11">replace</span><span class="hl-1">(</span><span class="hl-4">&#39;$start: 2 !default;&#39;</span><span class="hl-1">,</span><span class="hl-4">&#39;$start: 30;&#39;</span><span class="hl-1">))</span><br/><span class="hl-1">        .</span><span class="hl-11">pipe</span><span class="hl-1">(</span><span class="hl-11">replace</span><span class="hl-1">(</span><span class="hl-4">&#39;$end: 11 !default;&#39;</span><span class="hl-1">,</span><span class="hl-4">&#39;$end: 30;&#39;</span><span class="hl-1">))</span><br/><span class="hl-1">        .</span><span class="hl-11">pipe</span><span class="hl-1">(</span><span class="hl-11">sass</span><span class="hl-1">({</span><span class="hl-0">outputStyle:</span><span class="hl-1"> </span><span class="hl-4">&#39;compressed&#39;</span><span class="hl-1">}))</span><br/><span class="hl-1">        .</span><span class="hl-11">pipe</span><span class="hl-1">(</span><span class="hl-11">rename</span><span class="hl-1">({</span><span class="hl-0">extname:</span><span class="hl-1"> </span><span class="hl-4">&#39;.min.css&#39;</span><span class="hl-1">}))</span><br/><span class="hl-1">        .</span><span class="hl-11">pipe</span><span class="hl-1">(</span><span class="hl-0">gulp</span><span class="hl-1">.</span><span class="hl-11">dest</span><span class="hl-1">(</span><span class="hl-4">&#39;dist/css&#39;</span><span class="hl-1">))</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="override-resizabledraggable-options" class="tsd-anchor-link">Override resizable/draggable options<a href="#override-resizabledraggable-options" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>You can override default <code>resizable</code>/<code>draggable</code> options. For instance to enable other then bottom right resizing handle
-you can init gridstack like:</p>
-<pre><code class="js"><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">({</span><br/><span class="hl-1">  </span><span class="hl-0">resizable:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-0">handles:</span><span class="hl-1"> </span><span class="hl-4">&#39;e,se,s,sw,w&#39;</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">});</span>
-</code><button type="button">Copy</button></pre>
-
-<h2 id="touch-devices-support" class="tsd-anchor-link">Touch devices support<a href="#touch-devices-support" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>gridstack v6+ now support mobile out of the box, with the addition of native touch event (along with mouse event) for drag&amp;drop and resize.
-Older versions (3.2+) required the jq version with added touch punch, but doesn't work well with nested grids.</p>
-<p>This option is now the default:</p>
-<pre><code class="js"><span class="hl-10">let</span><span class="hl-1"> </span><span class="hl-0">options</span><span class="hl-1"> = {</span><br/><span class="hl-1">  </span><span class="hl-0">alwaysShowResizeHandle:</span><span class="hl-1"> </span><span class="hl-4">&#39;mobile&#39;</span><span class="hl-1"> </span><span class="hl-2">// true if we&#39;re on mobile devices</span><br/><span class="hl-1">};</span><br/><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">(</span><span class="hl-0">options</span><span class="hl-1">);</span>
-</code><button type="button">Copy</button></pre>
-
-<p>See <a href="http://gridstack.github.io/gridstack.js/demo/mobile.html" target="_blank" class="external">example</a>.</p>
-<h1 id="migrating" class="tsd-anchor-link">Migrating<a href="#migrating" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><h2 id="migrating-to-v06" class="tsd-anchor-link">Migrating to v0.6<a href="#migrating-to-v06" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>starting in 0.6.x <code>change</code> event are no longer sent (for pretty much most nodes!) when an item is just added/deleted unless it also changes other nodes (was incorrect and causing inefficiencies). You may need to track <code>added|removed</code> <a href="https://github.com/gridstack/gridstack.js/tree/master/doc#events" target="_blank" class="external">events</a> if you didn't and relied on the old broken behavior.</p>
-<h2 id="migrating-to-v1" class="tsd-anchor-link">Migrating to v1<a href="#migrating-to-v1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>v1.0.0 removed Jquery from the API and external dependencies, which will require some code changes. Here is a list of the changes:</p>
-<ol start="0">
-<li>
-<p>see previous step if not on v0.6 already</p>
-</li>
-<li>
-<p>your code only needs to <code>import GridStack from 'gridstack'</code> or include <code>gridstack.all.js</code> and <code>gristack.css</code> (don't include other JS) and is recommended you do that as internal dependencies will change over time. If you are jquery based, see <a href="#jquery-application">jquery app</a> section.</p>
-</li>
-<li>
-<p>code change:</p>
-</li>
-</ol>
-<p><strong>OLD</strong> initializing code + adding a widget + adding an event:</p>
-<pre><code class="js"><span class="hl-2">// initialization returned Jquery element, requiring second call to get GridStack var</span><br/><span class="hl-10">var</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-11">$</span><span class="hl-1">(</span><span class="hl-4">&#39;.grid-stack&#39;</span><span class="hl-1">).</span><span class="hl-11">gridstack</span><span class="hl-1">(</span><span class="hl-0">opts</span><span class="hl-1">?).</span><span class="hl-11">data</span><span class="hl-1">(</span><span class="hl-4">&#39;gridstack&#39;</span><span class="hl-1">);</span><br/><br/><span class="hl-2">// returned Jquery element</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">(</span><span class="hl-11">$</span><span class="hl-1">(</span><span class="hl-4">&#39;&lt;div&gt;&lt;div class=&quot;grid-stack-item-content&quot;&gt; test &lt;/div&gt;&lt;/div&gt;&#39;</span><span class="hl-1">), </span><span class="hl-10">undefined</span><span class="hl-1">, </span><span class="hl-10">undefined</span><span class="hl-1">, </span><span class="hl-12">2</span><span class="hl-1">, </span><span class="hl-10">undefined</span><span class="hl-1">, </span><span class="hl-10">true</span><span class="hl-1">);</span><br/><br/><span class="hl-2">// jquery event handler</span><br/><span class="hl-11">$</span><span class="hl-1">(</span><span class="hl-4">&#39;.grid-stack&#39;</span><span class="hl-1">).</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) {</span><span class="hl-2">/* items contains info */</span><span class="hl-1">});</span><br/><br/><span class="hl-2">// grid access after init</span><br/><span class="hl-0">var</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-11">$</span><span class="hl-1">(</span><span class="hl-4">&#39;.grid-stack&#39;</span><span class="hl-1">).</span><span class="hl-11">data</span><span class="hl-1">(</span><span class="hl-4">&#39;gridstack&#39;</span><span class="hl-1">);</span>
-</code><button type="button">Copy</button></pre>
-
-<p><strong>NEW</strong></p>
-<pre><code class="js"><span class="hl-2">// element identifier defaults to &#39;.grid-stack&#39;, returns the grid</span><br/><span class="hl-2">// Note: for Typescript use window.GridStack.init() until next native 2.x TS version</span><br/><span class="hl-10">var</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">init</span><span class="hl-1">(</span><span class="hl-0">opts</span><span class="hl-1">?, </span><span class="hl-0">element</span><span class="hl-1">?);</span><br/><br/><span class="hl-2">// returns DOM element</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">(</span><span class="hl-4">&#39;&lt;div&gt;&lt;div class=&quot;grid-stack-item-content&quot;&gt; test &lt;/div&gt;&lt;/div&gt;&#39;</span><span class="hl-1">, {</span><span class="hl-0">width:</span><span class="hl-1"> </span><span class="hl-12">2</span><span class="hl-1">});</span><br/><span class="hl-2">// Note: in 3.x it&#39;s ever simpler </span><br/><span class="hl-2">// grid.addWidget({w:2, content: &#39;test&#39;})</span><br/><br/><span class="hl-2">// event handler</span><br/><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">on</span><span class="hl-1">(</span><span class="hl-4">&#39;added&#39;</span><span class="hl-1">, </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">e</span><span class="hl-1">, </span><span class="hl-0">items</span><span class="hl-1">) {</span><span class="hl-2">/* items contains info */</span><span class="hl-1">});</span><br/><br/><span class="hl-2">// grid access after init</span><br/><span class="hl-0">var</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> = </span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-0">gridstack</span><span class="hl-1">; </span><span class="hl-2">// where el = document.querySelector(&#39;.grid-stack&#39;) or other ways...</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Other rename changes</p>
-<pre><code class="js"><span class="hl-4">`GridStackUI`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`GridStack`</span><br/><span class="hl-4">`GridStackUI.GridStackEngine`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`GridStack.Engine`</span><br/><span class="hl-4">`grid.container`</span><span class="hl-1"> (</span><span class="hl-0">jquery</span><span class="hl-1"> </span><span class="hl-0">grid</span><span class="hl-1"> </span><span class="hl-0">wrapper</span><span class="hl-1">) --&gt; </span><span class="hl-4">`grid.el`</span><span class="hl-1"> </span><span class="hl-2">// (grid DOM element)</span><br/><span class="hl-4">`grid.grid`</span><span class="hl-1"> (</span><span class="hl-0">GridStackEngine</span><span class="hl-1">) --&gt; </span><span class="hl-4">`grid.engine`</span><br/><span class="hl-4">`grid.setColumn(N)`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`grid.column(N)`</span><span class="hl-1"> </span><span class="hl-0">and</span><span class="hl-1"> </span><span class="hl-4">`grid.column()`</span><span class="hl-1"> </span><span class="hl-2">// to get value, old API still supported though</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Recommend looking at the <a href="media/demo">many samples</a> for more code examples.</p>
-<h2 id="migrating-to-v2" class="tsd-anchor-link">Migrating to v2<a href="#migrating-to-v2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>make sure to read v1 migration first!</p>
-<p>v2 is a Typescript rewrite of 1.x, removing all jquery events, using classes and overall code cleanup to support ES6 modules. Your code might need to change from 1.x</p>
-<ol>
-<li>In general methods that used no args (getter) vs setter can't be used in TS when the arguments differ (set/get are also not function calls so API would have changed). Instead we decided to have <b>all set methods return</b> <code>GridStack</code> to they can be chain-able (ex: <code>grid.float(true).cellHeight(10).column(6)</code>). Also legacy methods that used to take many parameters will now take a single object (typically <code>GridStackOptions</code> or <code>GridStackWidget</code>).</li>
-</ol>
-<pre><code class="js"><span class="hl-4">`addWidget(el, x, y, width, height)`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`addWidget(el, {with: 2})`</span><br/><span class="hl-2">// Note: in 2.1.x you can now just do addWidget({with: 2, content: &quot;text&quot;})</span><br/><span class="hl-4">`float()`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`getFloat()`</span><span class="hl-1"> </span><span class="hl-2">// to get value</span><br/><span class="hl-4">`cellHeight()`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`getCellHeight()`</span><span class="hl-1"> </span><span class="hl-2">// to get value</span><br/><span class="hl-4">`verticalMargin`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`margin`</span><span class="hl-1"> </span><span class="hl-2">// grid options and API that applies to all 4 sides.</span><br/><span class="hl-4">`verticalMargin()`</span><span class="hl-1"> --&gt; </span><span class="hl-4">`getMargin()`</span><span class="hl-1"> </span><span class="hl-2">// to get value</span>
-</code><button type="button">Copy</button></pre>
-
-<ol start="2">
-<li>
-<p>event signatures are generic and not jquery-ui dependent anymore. <code>gsresizestop</code> has been removed as <code>resizestop|dragstop</code> are now called <strong>after</strong> the DOM attributes have been updated.</p>
-</li>
-<li>
-<p><code>oneColumnMode</code> would trigger when <code>window.width</code> &lt; 768px by default. We now check for grid width instead (more correct and supports nesting). You might need to adjust grid <code>oneColumnSize</code> or <code>disableOneColumnMode</code>.</p>
-</li>
-</ol>
-<p><strong>Note:</strong> 2.x no longer support legacy IE11 and older due to using more compact ES6 output and typecsript native code. You will need to stay at 1.x</p>
-<h2 id="migrating-to-v3" class="tsd-anchor-link">Migrating to v3<a href="#migrating-to-v3" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>make sure to read v2 migration first!</p>
-<p>v3 has a new HTML5 drag&amp;drop plugging (63k total, all native code), while still allowing you to use the legacy jquery-ui version instead (188k), or a new static grid version (34k, no user drag&amp;drop but full API support). You will need to decide which version to use as <code>gridstack.all.js</code> no longer exist (same is now <code>gridstack-jq.js</code>) - see <a href="#include">include info</a>.</p>
-<p><strong>NOTE</strong>: HTML5 version is almost on parity with the old jquery-ui based drag&amp;drop. the <code>containment</code> (prevent a child from being dragged outside it's parent) and <code>revert</code> (not clear what it is for yet) are not yet implemented in initial release of v3.0.0.<br>
-Also mobile devices don't support h5 <code>drag</code> events (will need to handle <code>touch</code>) whereas v3.2 jq version now now supports out of the box (see <a href="https://github.com/gridstack/gridstack.js/releases/tag/v3.2.0" target="_blank" class="external">v3.2 release</a>)</p>
-<p>Breaking changes:</p>
-<ol>
-<li>
-<p>include (as mentioned) need to change</p>
-</li>
-<li>
-<p><code>GridStack.update(el, opt)</code> now takes single <code>GridStackWidget</code> options instead of only supporting (x,y,w,h) BUT legacy call in JS will continue working the same for now. That method is a complete re-write and does the right constrain and updates now for all the available params.</p>
-</li>
-<li>
-<p><code>locked()</code>, <code>move()</code>, <code>resize()</code>, <code>minWidth()</code>, <code>minHeight()</code>, <code>maxWidth()</code>, <code>maxHeight()</code> methods are hidden from Typescript (JS can still call for now) as they are just 1 liner wrapper around <code>update(el, opt)</code> anyway and will go away soon. (ex: <code>move(el, x, y)</code> =&gt; <code>update(el, {x, y})</code>)</p>
-</li>
-<li>
-<p>item attribute like <code>data-gs-min-width</code> is now <code>gs-min-w</code>. We removed 'data-' from all attributes, and shorten 'width|height' to just 'w|h' to require less typing and more efficient (2k saved in .js alone!).</p>
-</li>
-<li>
-<p><code>GridStackWidget</code> used in most API <code>width|height|minWidth|minHeight|maxWidth|maxHeight</code> are now shorter <code>w|h|minW|minH|maxW|maxH</code> as well</p>
-</li>
-</ol>
-<h2 id="migrating-to-v4" class="tsd-anchor-link">Migrating to v4<a href="#migrating-to-v4" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>make sure to read v3 migration first!</p>
-<p>v4 is a complete re-write of the collision and drag in/out heuristics to fix some very long standing request &amp; bugs. It also greatly improved usability. Read the release notes for more detail.</p>
-<p><strong>Unlikely</strong> Breaking Changes (internal usage):</p>
-<ol>
-<li>
-<p><code>removeTimeout</code> was removed (feedback over trash will be immediate - actual removal still on mouse up)</p>
-</li>
-<li>
-<p>the following <code>GridStackEngine</code> methods changed (used internally, doesn't affect <code>GridStack</code> public API)</p>
-</li>
-</ol>
-<pre><code class="js"><span class="hl-2">// moved to 3 methods with new option params to support new code and pixel coverage check</span><br/><span class="hl-4">`collision()`</span><span class="hl-1"> -&gt; </span><span class="hl-4">`collide(), collideAll(), collideCoverage()`</span><br/><span class="hl-4">`moveNodeCheck(node, x, y, w, h)`</span><span class="hl-1"> -&gt; </span><span class="hl-4">`moveNodeCheck(node, opt: GridStackMoveOpts)`</span><br/><span class="hl-4">`isNodeChangedPosition(node, x, y, w, h)`</span><span class="hl-1"> -&gt; </span><span class="hl-4">`changedPosConstrain(node, opt: GridStackMoveOpts)`</span><br/><span class="hl-4">`moveNode(node, x, y, w, h, noPack)`</span><span class="hl-1"> -&gt; </span><span class="hl-4">`moveNode(node, opt: GridStackMoveOpts)`</span>
-</code><button type="button">Copy</button></pre>
-
-<ol start="3">
-<li>removed old obsolete (v0.6-v1 methods/attrs) <code>getGridHeight()</code>, <code>verticalMargin</code>, <code>data-gs-current-height</code>,
-<code>locked()</code>, <code>maxWidth()</code>, <code>minWidth()</code>, <code>maxHeight()</code>, <code>minHeight()</code>, <code>move()</code>, <code>resize()</code></li>
-</ol>
-<h2 id="migrating-to-v5" class="tsd-anchor-link">Migrating to v5<a href="#migrating-to-v5" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>make sure to read v4 migration first!</p>
-<p>v5 does not have any breaking changes from v4, but a focus on nested grids in h5 mode:
-You can now drag in/out of parent into nested child, with new API parameters values. See the release notes.</p>
-<h2 id="migrating-to-v6" class="tsd-anchor-link">Migrating to v6<a href="#migrating-to-v6" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>the API did not really change from v5, but a complete re-write of Drag&amp;Drop to use native <code>mouseevent</code> (instead of HTML draggable=true which is buggy on Mac Safari, and doesn't work on mobile devices) and <code>touchevent</code> (mobile), and we no longer have jquery ui option (wasn't working well for nested grids, didn't want to maintain legacy lib).</p>
-<p>The main difference is you only need to include gridstack.js and get D&amp;D (desktop and mobile) out of the box for the same size as h5 version.</p>
-<h2 id="migrating-to-v7" class="tsd-anchor-link">Migrating to v7<a href="#migrating-to-v7" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>New addition, no API breakage per say. See release notes about creating sub-grids on the fly.</p>
-<h2 id="migrating-to-v8" class="tsd-anchor-link">Migrating to v8<a href="#migrating-to-v8" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>Possible breaking change if you use nested grid JSON format, or original Angular wrapper, or relied on specific CSS paths. Also target is now ES2020 (see release notes).</p>
-<ul>
-<li><code>GridStackOptions.subGrid</code> -&gt; <code>GridStackOptions.subGridOpts</code> rename. We now have <code>GridStackWidget.subGridOpts</code> vs <code>GridStackNode.subGrid</code> (was both types which is error prone)</li>
-<li><code>GridStackOptions.addRemoveCB</code> -&gt; <code>GridStack.addRemoveCB</code> is now global instead of grid option</li>
-<li>removed <code>GridStackOptions.dragInOptions</code> since <code>GridStack.setupDragIn()</code> has it replaced since 4.0</li>
-<li>remove <code>GridStackOptions.minWidth</code> obsolete since 5.1, use <code>oneColumnSize</code> instead</li>
-<li>CSS rules removed <code>.grid-stack</code> prefix for anything already gs based, 12 column (default) now uses <code>.gs-12</code>, extra.css is less than 1/4th it original size!, <code>gs-min|max_w|h</code> attribute no longer written (but read)</li>
-</ul>
-<h2 id="migrating-to-v9" class="tsd-anchor-link">Migrating to v9<a href="#migrating-to-v9" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>New addition - see release notes about <code>sizeToContent</code> feature.
-Possible break:</p>
-<ul>
-<li><code>GridStack.onParentResize()</code> is now called <code>onResize()</code> as grid now directly track size change, no longer involving parent per say to tell us anything. Note sure why it was public.</li>
-</ul>
-<h2 id="migrating-to-v10" class="tsd-anchor-link">Migrating to v10<a href="#migrating-to-v10" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><p>we now support much richer responsive behavior with <code>GridStackOptions.columnOpts</code> including any breakpoint width:column pairs, or automatic column sizing.</p>
-<p>breaking change:</p>
-<ul>
-<li><code>disableOneColumnMode</code>, <code>oneColumnSize</code> have been removed (thought we temporary convert if you have them). use <code>columnOpts: { breakpoints: [{w:768, c:1}] }</code> for the same behavior.</li>
-<li>1 column mode switch is no longer by default (<code>columnOpts</code> is not defined) as too many new users had issues. Instead set it explicitly (see above).</li>
-<li><code>oneColumnModeDomSort</code> has been removed. Planning to support per column layouts at some future times. TBD</li>
-</ul>
-<h2 id="migrating-to-v11" class="tsd-anchor-link">Migrating to v11<a href="#migrating-to-v11" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><ul>
-<li>
-<p>All instances of <code>el.innerHTML = 'some content'</code> have been removed for security reason as it opens up some potential for accidental XSS.</p>
-</li>
-<li>
-<p>Side panel drag&amp;drop complete rewrite.</p>
-</li>
-<li>
-<p>new lazy loading option</p>
-</li>
-</ul>
-<p><strong>Breaking change:</strong></p>
-<ul>
-<li>V11 add new <code>GridStack.renderCB</code> that is called for you to create the widget content (entire GridStackWidget is passed so you can use id or some other field as logic) while GS creates the 2 needed parent divs + classes, unlike <code>GridStack.addRemoveCB</code> which doesn't create anything for you. Both can be handy for Angular/React/Vue frameworks.</li>
-<li><code>addWidget(w: GridStackWidget)</code> is now the only supported format, no more string content passing. You will need to create content yourself as shown below, OR use <code>GridStack.createWidgetDivs()</code> to create parent divs, do the innerHtml, then call <code>makeWidget(el)</code> instead.</li>
-<li>if your code relies on <code>GridStackWidget.content</code> with real HTML (like a few demos) it is up to you to do this:</li>
-</ul>
-<pre><code class="ts"><span class="hl-2">// NOTE: REAL apps would sanitize-html or DOMPurify before blinding setting innerHTML. see #2736</span><br/><span class="hl-0">GridStack</span><span class="hl-1">.</span><span class="hl-11">renderCB</span><span class="hl-1"> = </span><span class="hl-10">function</span><span class="hl-1">(</span><span class="hl-0">el</span><span class="hl-1">: </span><span class="hl-14">HTMLElement</span><span class="hl-1">, </span><span class="hl-0">w</span><span class="hl-1">: </span><span class="hl-14">GridStackNode</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-0">el</span><span class="hl-1">.</span><span class="hl-0">innerHTML</span><span class="hl-1"> = </span><span class="hl-0">w</span><span class="hl-1">.</span><span class="hl-0">content</span><span class="hl-1">;</span><br/><span class="hl-1">};</span><br/><br/><span class="hl-2">// now you can create widgets like this again</span><br/><span class="hl-10">let</span><span class="hl-1"> </span><span class="hl-0">gridWidget</span><span class="hl-1"> = </span><span class="hl-0">grid</span><span class="hl-1">.</span><span class="hl-11">addWidget</span><span class="hl-1">({</span><span class="hl-0">x</span><span class="hl-1">, </span><span class="hl-0">y</span><span class="hl-1">, </span><span class="hl-0">w</span><span class="hl-1">, </span><span class="hl-0">h</span><span class="hl-1">, </span><span class="hl-0">content:</span><span class="hl-1"> </span><span class="hl-4">&#39;&lt;div&gt;My html content&lt;/div&gt;&#39;</span><span class="hl-1">});</span>
-</code><button type="button">Copy</button></pre>
-
-<p><strong>Potential breaking change:</strong></p>
-<ul>
-<li>BIG overall to how sidepanel helper drag&amp;drop is done:</li>
-</ul>
-<ol>
-<li><code>clone()</code> helper is now passed full HTML element dragged, not an event on <code>grid-stack-item-content</code> so you can clone or set attr at the top.</li>
-<li>use any class/structure you want for side panel items (see two.html)</li>
-<li><code>GridStack.setupDragIn()</code> now support associating a <code>GridStackWidget</code> for each sidepanel that will be used to define what to create on drop!</li>
-<li>if no <code>GridStackWidget</code> is defined, the helper will now be inserted as is, and NOT original sidepanel item.</li>
-<li>support DOM gs- attr as well as gridstacknode JSON (see two.html) alternatives.</li>
-</ol>
-<h2 id="migrating-to-v12" class="tsd-anchor-link">Migrating to v12<a href="#migrating-to-v12" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><ul>
-<li>column and cell height code has been re-writen to use browser CSS variables, and we no longer need a tons of custom CSS classes!
-this fixes a long standing issue where people forget to include the right CSS for non 12 columns layouts, and a big speedup in many cases (many columns, or small cellHeight values).</li>
-</ul>
-<p><strong>Potential breaking change:</strong></p>
-<ul>
-<li><code>gridstack-extra.min.css</code> no longer exist, nor is custom column CSS classes needed. API/options hasn't changed.</li>
-<li>(v12.1) <code>ES5</code> folder content has been removed - was for IE support, which has been dropped.</li>
-<li>(v12.1) nested grid events are now sent to the main grid. You might have to adjust your workaround of this missing feature. nested.html demo has been adjusted.</li>
-</ul>
-<h1 id="jquery-application" class="tsd-anchor-link">jQuery Application<a href="#jquery-application" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p>This is <strong>old and no longer apply to v6+</strong>. You'll need to use v5.1.1 and before</p>
-<pre><code class="js"><span class="hl-3">import</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack/dist/gridstack.min.css&#39;</span><span class="hl-1">;</span><br/><span class="hl-3">import</span><span class="hl-1"> { </span><span class="hl-0">GridStack</span><span class="hl-1"> } </span><span class="hl-3">from</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack&#39;</span><span class="hl-1">;</span><br/><span class="hl-3">import</span><span class="hl-1"> </span><span class="hl-4">&#39;gridstack/dist/jq/gridstack-dd-jqueryui&#39;</span><span class="hl-1">;</span>
-</code><button type="button">Copy</button></pre>
-
-<p><strong>Note</strong>: <code>jquery</code> &amp; <code>jquery-ui</code> are imported by name, so you will have to specify their location in your webpack (or equivalent) config file,
-which means you can possibly bring your own version</p>
-<pre><code class="js"><span class="hl-1">  </span><span class="hl-16">alias</span><span class="hl-1">: {</span><br/><span class="hl-1">    </span><span class="hl-4">&#39;jquery&#39;</span><span class="hl-1">: </span><span class="hl-4">&#39;gridstack/dist/jq/jquery.js&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-4">&#39;jquery-ui&#39;</span><span class="hl-1">: </span><span class="hl-4">&#39;gridstack/dist/jq/jquery-ui.js&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-4">&#39;jquery.ui&#39;</span><span class="hl-1">: </span><span class="hl-4">&#39;gridstack/dist/jq/jquery-ui.js&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-4">&#39;jquery.ui.touch-punch&#39;</span><span class="hl-1">: </span><span class="hl-4">&#39;gridstack/dist/jq/jquery.ui.touch-punch.js&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  },</span>
-</code><button type="button">Copy</button></pre>
-
-<p>Alternatively (single combined file) in html</p>
-<pre><code class="html"><span class="hl-5">&lt;</span><span class="hl-6">link</span><span class="hl-1"> </span><span class="hl-7">href</span><span class="hl-1">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack.min.css&quot;</span><span class="hl-1"> </span><span class="hl-7">rel</span><span class="hl-1">=</span><span class="hl-8">&quot;stylesheet&quot;</span><span class="hl-5">/&gt;</span><br/><span class="hl-2">&lt;!-- HTML5 drag&amp;drop (70k) --&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack-h5.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span><br/><span class="hl-2">&lt;!-- OR jquery-ui drag&amp;drop (195k) --&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack-jq.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span><br/><span class="hl-2">&lt;!-- OR static grid (40k) --&gt;</span><br/><span class="hl-5">&lt;</span><span class="hl-6">script</span><span class="hl-9"> </span><span class="hl-7">src</span><span class="hl-9">=</span><span class="hl-8">&quot;node_modules/gridstack/dist/gridstack-static.js&quot;</span><span class="hl-5">&gt;&lt;/</span><span class="hl-6">script</span><span class="hl-5">&gt;</span>
-</code><button type="button">Copy</button></pre>
-
-<p>We have a native HTML5 drag'n'drop through the plugin system (default), but the jquery-ui version can be used instead. It will bundle <code>jquery</code> (3.5.1) + <code>jquery-ui</code> (1.13.1 minimal drag|drop|resize) + <code>jquery-ui-touch-punch</code> (1.0.8 for mobile support) in <code>gridstack-jq.js</code>.</p>
-<p><strong>NOTE: in v4, v3</strong>: we ES6 module import jquery &amp; jquery-ui by name, so you need to specify location of those .js files, which means you might be able to bring your own version as well. See the include instructions.</p>
-<p><strong>NOTE: in v1.x</strong> IFF you want to use gridstack-jq instead and your app needs to bring your own JQ version, you should <strong>instead</strong> include <code>gridstack-poly.min.js</code> (optional IE support) + <code>gridstack.min.js</code> + <code>gridstack.jQueryUI.min.js</code> after you import your JQ libs. But note that there are issue with jQuery and ES6 import (see <a href="https://github.com/gridstack/gridstack.js/issues/1306" target="_blank" class="external">1306</a>).</p>
-<p>As for events, you can still use <code>$(&quot;.grid-stack&quot;).on(...)</code> for the version that uses jquery-ui for things we don't support.</p>
-<h1 id="changes" class="tsd-anchor-link">Changes<a href="#changes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p>View our change log <a href="https://github.com/gridstack/gridstack.js/tree/master/doc/CHANGES.md" target="_blank" class="external">here</a>.</p>
-<h1 id="usage-trend" class="tsd-anchor-link">Usage Trend<a href="#usage-trend" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p><a href="https://npm-compare.com/gridstack#timeRange=THREE_YEARS" target="_blank" class="external">Usage Trend of gridstack</a></p>
-<a href="https://npm-compare.com/gridstack#timeRange=THREE_YEARS" target="_blank">
-  <img src="https://npm-compare.com/img/npm-trend/THREE_YEARS/gridstack.png" width="70%" alt="NPM Usage Trend of gridstack" />
-</a>
-<h1 id="the-team" class="tsd-anchor-link">The Team<a href="#the-team" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1><p>gridstack.js is currently maintained by <a href="https://github.com/adumesny" target="_blank" class="external">Alain Dumesny</a>, before that <a href="https://github.com/radiolips" target="_blank" class="external">Dylan Weiss</a>, originally created by <a href="https://github.com/troolee" target="_blank" class="external">Pavel Reznikov</a>. We appreciate <a href="https://github.com/gridstack/gridstack.js/graphs/contributors" target="_blank" class="external">all contributors</a> for help.</p>
-</div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#gridstackjs"><span>gridstack.js</span></a><a href="#demo-and-api-documentation"><span>Demo and <wbr/>API <wbr/>Documentation</span></a><a href="#usage"><span>Usage</span></a><ul><li><a href="#install"><span>Install</span></a></li><li><a href="#include"><span>Include</span></a></li><li><a href="#basic-usage"><span>Basic usage</span></a></li><li><a href="#requirements"><span>Requirements</span></a></li><li><a href="#specific-frameworks"><span>Specific frameworks</span></a></li><li><a href="#extend-library"><span>Extend <wbr/>Library</span></a></li><li><a href="#extend-engine"><span>Extend <wbr/>Engine</span></a></li><li><a href="#change-grid-columns"><span>Change grid columns</span></a></li><li><a href="#custom-columns-css-old-not-needed-with-v12"><span>Custom columns <wbr/>CSS (<wbr/>OLD, not needed with v12+)</span></a></li><li><a href="#override-resizabledraggable-options"><span>Override resizable/draggable options</span></a></li><li><a href="#touch-devices-support"><span>Touch devices support</span></a></li></ul><a href="#migrating"><span>Migrating</span></a><ul><li><a href="#migrating-to-v06"><span>Migrating to v0.6</span></a></li><li><a href="#migrating-to-v1"><span>Migrating to v1</span></a></li><li><a href="#migrating-to-v2"><span>Migrating to v2</span></a></li><li><a href="#migrating-to-v3"><span>Migrating to v3</span></a></li><li><a href="#migrating-to-v4"><span>Migrating to v4</span></a></li><li><a href="#migrating-to-v5"><span>Migrating to v5</span></a></li><li><a href="#migrating-to-v6"><span>Migrating to v6</span></a></li><li><a href="#migrating-to-v7"><span>Migrating to v7</span></a></li><li><a href="#migrating-to-v8"><span>Migrating to v8</span></a></li><li><a href="#migrating-to-v9"><span>Migrating to v9</span></a></li><li><a href="#migrating-to-v10"><span>Migrating to v10</span></a></li><li><a href="#migrating-to-v11"><span>Migrating to v11</span></a></li><li><a href="#migrating-to-v12"><span>Migrating to v12</span></a></li></ul><a href="#jquery-application"><span>j<wbr/>Query <wbr/>Application</span></a><a href="#changes"><span>Changes</span></a><a href="#usage-trend"><span>Usage <wbr/>Trend</span></a><a href="#the-team"><span>The <wbr/>Team</span></a></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/interfaces/Breakpoint.html b/docs/interfaces/Breakpoint.html
deleted file mode 100644
index 511da1a54..000000000
--- a/docs/interfaces/Breakpoint.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Breakpoint | gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="" aria-current="page">Breakpoint</a></li></ul><h1>Interface Breakpoint</h1></div><div class="tsd-signature"><span class="tsd-signature-keyword">interface</span> <span class="tsd-kind-interface">Breakpoint</span> <span class="tsd-signature-symbol">{</span><br/>    <a class="tsd-kind-property" href="#w">w</a><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#c">c</a><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span><br/>    <a class="tsd-kind-property" href="#layout">layout</a><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L96">types.ts:96</a></li></ul></aside><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h5 class="tsd-index-heading uppercase">Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="#w" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w?</span></a>
-<a href="#c" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>c</span></a>
-<a href="#layout" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout?</span></a>
-</div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h2>Properties</h2></summary><section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="w"><code class="tsd-tag">Optional</code><span>w</span><a href="#w" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">w</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>&lt;= width for the breakpoint to trigger</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L98">types.ts:98</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="c"><span>c</span><a href="#c" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">c</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><div class="tsd-comment tsd-typography"><p>column count</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L100">types.ts:100</a></li></ul></aside></section><section class="tsd-panel tsd-member"><h3 class="tsd-anchor-link" id="layout"><code class="tsd-tag">Optional</code><span>layout</span><a href="#layout" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">layout</span><span class="tsd-signature-symbol">?:</span> <a href="../types/ColumnOptions.html" class="tsd-signature-type tsd-kind-type-alias">ColumnOptions</a></div><div class="tsd-comment tsd-typography"><p>re-layout mode if different from global one</p>
-</div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/adumesny/gridstack.js/blob/master/src/types.ts#L102">types.ts:102</a></li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#w"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>w</span></a><a href="#c"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>c</span></a><a href="#layout"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Property"><use href="../assets/icons.svg#icon-1024"></use></svg><span>layout</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="../modules.html">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/docs/modules.html b/docs/modules.html
deleted file mode 100644
index 85b929b12..000000000
--- a/docs/modules.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>gridstack - v12.2.2-dev</title><meta name="description" content="Documentation for gridstack"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="https://gridstackjs.com/" class="title">gridstack - v12.2.2-dev</a><div id="tsd-toolbar-links"><a href="https://github.com/gridstack/gridstack.js">GitHub</a><a href="https://gridstackjs.com/demo/">Demo</a></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"></ul><h1>gridstack - v12.2.2-dev</h1></div><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Classes"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Classes</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="ddgridstack"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/DDGridStack.html">DDGridStack</a><a href="#ddgridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackengine"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/GridStackEngine.html">GridStackEngine</a><a href="#gridstackengine" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstack"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/GridStack.html">GridStack</a><a href="#gridstack" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="utils"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><a href="classes/Utils.html">Utils</a><a href="#utils" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Interfaces"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Interfaces</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="gridstackengineoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackEngineOptions.html">GridStackEngineOptions</a><a href="#gridstackengineoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridhtmlelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridHTMLElement.html">GridHTMLElement</a><a href="#gridhtmlelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="mouseposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/MousePosition.html">MousePosition</a><a href="#mouseposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="cellposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/CellPosition.html">CellPosition</a><a href="#cellposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="griditemhtmlelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridItemHTMLElement.html">GridItemHTMLElement</a><a href="#griditemhtmlelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="responsive"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Responsive.html">Responsive</a><a href="#responsive" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="breakpoint"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Breakpoint.html">Breakpoint</a><a href="#breakpoint" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackOptions.html">GridStackOptions</a><a href="#gridstackoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackmoveopts"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackMoveOpts.html">GridStackMoveOpts</a><a href="#gridstackmoveopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackposition"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackPosition.html">GridStackPosition</a><a href="#gridstackposition" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackwidget"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackWidget.html">GridStackWidget</a><a href="#gridstackwidget" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddresizeopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDResizeOpt.html">DDResizeOpt</a><a href="#ddresizeopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddremoveopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDRemoveOpt.html">DDRemoveOpt</a><a href="#ddremoveopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dddragopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDDragOpt.html">DDDragOpt</a><a href="#dddragopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="size"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Size.html">Size</a><a href="#size" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="position"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Position.html">Position</a><a href="#position" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="rect"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/Rect.html">Rect</a><a href="#rect" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dduidata"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DDUIData.html">DDUIData</a><a href="#dduidata" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstacknode"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/GridStackNode.html">GridStackNode</a><a href="#gridstacknode" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="heightdata"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/HeightData.html">HeightData</a><a href="#heightdata" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="dragtransform"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><a href="interfaces/DragTransform.html">DragTransform</a><a href="#dragtransform" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Variables"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Variables</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="griddefaults"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Variable"><use href="assets/icons.svg#icon-32"></use></svg><a href="variables/gridDefaults.html">gridDefaults</a><a href="#griddefaults" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Functions"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Functions</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="obsolete"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><a href="functions/obsolete.html">obsolete</a><a href="#obsolete" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="obsoleteopts"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><a href="functions/obsoleteOpts.html">obsoleteOpts</a><a href="#obsoleteopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="obsoleteoptsdel"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><a href="functions/obsoleteOptsDel.html">obsoleteOptsDel</a><a href="#obsoleteoptsdel" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="obsoleteattr"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><a href="functions/obsoleteAttr.html">obsoleteAttr</a><a href="#obsoleteattr" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Type Aliases"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h2>Type Aliases</h2></summary><dl class="tsd-member-summaries"><dt class="tsd-member-summary" id="dddropopt"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDDropOpt.html">DDDropOpt</a><a href="#dddropopt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddopts"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDOpts.html">DDOpts</a><a href="#ddopts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddkey"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDKey.html">DDKey</a><a href="#ddkey" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddvalue"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDValue.html">DDValue</a><a href="#ddvalue" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="ddcallback"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/DDCallback.html">DDCallback</a><a href="#ddcallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackevent"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEvent.html">GridStackEvent</a><a href="#gridstackevent" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="columnoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/ColumnOptions.html">ColumnOptions</a><a href="#columnoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="compactoptions"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/CompactOptions.html">CompactOptions</a><a href="#compactoptions" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="numberorstring"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/numberOrString.html">numberOrString</a><a href="#numberorstring" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackelement"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackElement.html">GridStackElement</a><a href="#gridstackelement" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackeventhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEventHandler.html">GridStackEventHandler</a><a href="#gridstackeventhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackelementhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackElementHandler.html">GridStackElementHandler</a><a href="#gridstackelementhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstacknodeshandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackNodesHandler.html">GridStackNodesHandler</a><a href="#gridstacknodeshandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackdroppedhandler"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackDroppedHandler.html">GridStackDroppedHandler</a><a href="#gridstackdroppedhandler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="gridstackeventhandlercallback"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/GridStackEventHandlerCallback.html">GridStackEventHandlerCallback</a><a href="#gridstackeventhandlercallback" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="addremovefcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/AddRemoveFcn.html">AddRemoveFcn</a><a href="#addremovefcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="savefcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/SaveFcn.html">SaveFcn</a><a href="#savefcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="renderfcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/RenderFcn.html">RenderFcn</a><a href="#renderfcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd><dt class="tsd-member-summary" id="resizetocontentfcn"><span class="tsd-member-summary-name"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><a href="types/ResizeToContentFcn.html">ResizeToContentFcn</a><a href="#resizetocontentfcn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></span></dt><dd class="tsd-member-summary"></dd></dl></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Classes"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Classes</summary><div><a href="#ddgridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>DD<wbr/>Grid<wbr/>Stack</span></a><a href="#gridstackengine"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Grid<wbr/>Stack<wbr/>Engine</span></a><a href="#gridstack"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Grid<wbr/>Stack</span></a><a href="#utils"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Class"><use href="assets/icons.svg#icon-128"></use></svg><span>Utils</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Interfaces"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Interfaces</summary><div><a href="#gridstackengineoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Engine<wbr/>Options</span></a><a href="#gridhtmlelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>HTML<wbr/>Element</span></a><a href="#mouseposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Mouse<wbr/>Position</span></a><a href="#cellposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Cell<wbr/>Position</span></a><a href="#griditemhtmlelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Item<wbr/>HTML<wbr/>Element</span></a><a href="#responsive"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Responsive</span></a><a href="#breakpoint"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Breakpoint</span></a><a href="#gridstackoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Options</span></a><a href="#gridstackmoveopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Move<wbr/>Opts</span></a><a href="#gridstackposition"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Position</span></a><a href="#gridstackwidget"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Widget</span></a><a href="#ddresizeopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Resize<wbr/>Opt</span></a><a href="#ddremoveopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Remove<wbr/>Opt</span></a><a href="#dddragopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DD<wbr/>Drag<wbr/>Opt</span></a><a href="#size"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Size</span></a><a href="#position"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Position</span></a><a href="#rect"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Rect</span></a><a href="#dduidata"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>DDUI<wbr/>Data</span></a><a href="#gridstacknode"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Grid<wbr/>Stack<wbr/>Node</span></a><a href="#heightdata"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Height<wbr/>Data</span></a><a href="#dragtransform"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Interface"><use href="assets/icons.svg#icon-256"></use></svg><span>Drag<wbr/>Transform</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Variables"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Variables</summary><div><a href="#griddefaults"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Variable"><use href="assets/icons.svg#icon-32"></use></svg><span>grid<wbr/>Defaults</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Functions"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Functions</summary><div><a href="#obsolete"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><span>obsolete</span></a><a href="#obsoleteopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><span>obsolete<wbr/>Opts</span></a><a href="#obsoleteoptsdel"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><span>obsolete<wbr/>Opts<wbr/>Del</span></a><a href="#obsoleteattr"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Function"><use href="assets/icons.svg#icon-64"></use></svg><span>obsolete<wbr/>Attr</span></a></div></details><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Type Aliases"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg>Type Aliases</summary><div><a href="#dddropopt"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Drop<wbr/>Opt</span></a><a href="#ddopts"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Opts</span></a><a href="#ddkey"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Key</span></a><a href="#ddvalue"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Value</span></a><a href="#ddcallback"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>DD<wbr/>Callback</span></a><a href="#gridstackevent"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event</span></a><a href="#columnoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Column<wbr/>Options</span></a><a href="#compactoptions"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Compact<wbr/>Options</span></a><a href="#numberorstring"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>number<wbr/>Or<wbr/>String</span></a><a href="#gridstackelement"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Element</span></a><a href="#gridstackeventhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event<wbr/>Handler</span></a><a href="#gridstackelementhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Element<wbr/>Handler</span></a><a href="#gridstacknodeshandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Nodes<wbr/>Handler</span></a><a href="#gridstackdroppedhandler"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Dropped<wbr/>Handler</span></a><a href="#gridstackeventhandlercallback"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Grid<wbr/>Stack<wbr/>Event<wbr/>Handler<wbr/>Callback</span></a><a href="#addremovefcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Add<wbr/>Remove<wbr/>Fcn</span></a><a href="#savefcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Save<wbr/>Fcn</span></a><a href="#renderfcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Render<wbr/>Fcn</span></a><a href="#resizetocontentfcn"><svg class="tsd-kind-icon" viewBox="0 0 24 24" aria-label="Type Alias"><use href="assets/icons.svg#icon-2097152"></use></svg><span>Resize<wbr/>To<wbr/>Content<wbr/>Fcn</span></a></div></details></div></details></div><div class="site-menu"><nav id="tsd-sidebar-links" class="tsd-navigation"><a href="https://github.com/gridstack/gridstack.js/tree/master/doc">Documentation</a><a href="docs/">API Reference</a><a href="https://github.com/gridstack/gridstack.js" class="tsd-nav-link">GitHub</a><a href="https://gridstackjs.com/demo/" class="tsd-nav-link">Demo</a></nav><nav class="tsd-navigation"><a href="modules.html" class="current">gridstack - v12.2.2-dev</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
diff --git a/package.json b/package.json
index d549eed5e..1ce9573b5 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,9 @@
     "build:ng": "cd angular && yarn --no-progress && yarn build lib",
     "w": "webpack",
     "t": "rm -rf dist/* && grunt && tsc --stripInternal",
-    "doc": "doctoc ./README.md && doctoc ./doc/README.md && doctoc ./doc/CHANGES.md && yarn doc:api",
-    "doc:api": "typedoc",
+    "doc": "doctoc ./README.md && doctoc ./doc/README.md && doctoc ./doc/CHANGES.md && yarn doc:api && yarn doc:api:html",
+    "doc:api": "typedoc && rm -rf docs/api/_media && node scripts/reorder-docs.js",
+    "doc:api:html": "typedoc --options typedoc.html.json && node scripts/reorder-html-docs.js",
     "test": "yarn lint && karma start karma.conf.js",
     "lint": "tsc --noEmit && eslint src/*.ts",
     "reset": "rm -rf dist node_modules",
diff --git a/scripts/reorder-docs.js b/scripts/reorder-docs.js
new file mode 100755
index 000000000..a8541e8ee
--- /dev/null
+++ b/scripts/reorder-docs.js
@@ -0,0 +1,148 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const docsPath = path.join(__dirname, '../docs/api/index.md');
+
+if (!fs.existsSync(docsPath)) {
+  console.error('Documentation file not found:', docsPath);
+  process.exit(1);
+}
+
+const content = fs.readFileSync(docsPath, 'utf8');
+
+// Split content by ### headers to get sections
+const sections = content.split(/(?=^### )/m);
+const header = sections[0]; // The initial content before first ###
+
+// Extract class/interface sections
+const classSections = sections.slice(1);
+
+// Find specific sections we want to prioritize
+const gridStackSection = classSections.find(s => s.startsWith('### GridStack\n'));
+const gridStackEngineSection = classSections.find(s => s.startsWith('### GridStackEngine\n'));
+const utilsSection = classSections.find(s => s.startsWith('### Utils\n'));
+const gridStackOptionsSection = classSections.find(s => s.startsWith('### GridStackOptions\n'));
+
+// Remove prioritized sections from the rest
+const remainingSections = classSections.filter(s => 
+  !s.startsWith('### GridStack\n') && 
+  !s.startsWith('### GridStackEngine\n') && 
+  !s.startsWith('### Utils\n') &&
+  !s.startsWith('### GridStackOptions\n')
+);
+
+// Extract existing anchor links from the content to preserve TypeDoc's numbering
+const extractExistingAnchors = (content) => {
+  const anchorMap = new Map();
+  const linkRegex = /\[([^\]]+)\]\(#([^)]+)\)/g;
+  let match;
+  
+  while ((match = linkRegex.exec(content)) !== null) {
+    const linkText = match[1];
+    const anchor = match[2];
+    // Map clean title to actual anchor
+    const cleanTitle = linkText.replace(/`/g, '').trim();
+    anchorMap.set(cleanTitle, anchor);
+  }
+  
+  return anchorMap;
+};
+
+// Create table of contents using existing anchors
+const createToc = (sections, anchorMap) => {
+  let toc = '\n## Table of Contents\n\n';
+  
+  // Add main sections first
+  if (gridStackSection) {
+    toc += '- [GridStack](#gridstack)\n';
+  }
+  if (gridStackEngineSection) {
+    toc += '- [GridStackEngine](#gridstackengine)\n';
+  }
+  if (utilsSection) {
+    toc += '- [Utils](#utils)\n';
+  }
+  if (gridStackOptionsSection) {
+    toc += '- [GridStackOptions](#gridstackoptions)\n';
+  }
+  
+  // Add other sections using existing anchors when possible
+  sections.forEach(section => {
+    const match = section.match(/^### (.+)$/m);
+    if (match) {
+      const title = match[1];
+      const cleanTitle = title.replace(/`/g, '').trim();
+      
+      // Use existing anchor if found, otherwise generate one
+      let anchor = anchorMap.get(cleanTitle);
+      if (!anchor) {
+        // Fallback anchor generation
+        anchor = title
+          .toLowerCase()
+          .replace(/`/g, '')
+          .replace(/[^a-z0-9\s]/g, '')
+          .replace(/\s+/g, '-')
+          .replace(/^-+|-+$/g, '');
+      }
+      
+      toc += `- [${title}](#${anchor})\n`;
+    }
+  });
+  
+  return toc + '\n';
+};
+
+// Extract existing anchors from the original content  
+const anchorMap = extractExistingAnchors(content);
+
+// Rebuild content with desired order
+let reorderedContent = header;
+
+// Add table of contents
+reorderedContent += createToc(remainingSections, anchorMap);
+
+// Add prioritized sections first with explicit anchors
+if (gridStackSection) {
+  const sectionWithAnchor = gridStackSection.replace(/^### (.+)$/m, '<a id="gridstack"></a>\n### $1');
+  reorderedContent += sectionWithAnchor;
+}
+if (gridStackEngineSection) {
+  const sectionWithAnchor = gridStackEngineSection.replace(/^### (.+)$/m, '<a id="gridstackengine"></a>\n### $1');
+  reorderedContent += sectionWithAnchor;
+}
+if (utilsSection) {
+  const sectionWithAnchor = utilsSection.replace(/^### (.+)$/m, '<a id="utils"></a>\n### $1');
+  reorderedContent += sectionWithAnchor;
+}
+if (gridStackOptionsSection) {
+  const sectionWithAnchor = gridStackOptionsSection.replace(/^### (.+)$/m, '<a id="gridstackoptions"></a>\n### $1');
+  reorderedContent += sectionWithAnchor;
+}
+
+// Add remaining sections with explicit anchors
+remainingSections.forEach(section => {
+  // Add explicit anchor tags to headers for better compatibility
+  const sectionWithAnchors = section.replace(/^### (.+)$/gm, (match, title) => {
+    const cleanTitle = title.replace(/`/g, '').trim();
+    let anchor = anchorMap.get(cleanTitle);
+    if (!anchor) {
+      anchor = title
+        .toLowerCase()
+        .replace(/`/g, '')
+        .replace(/[^a-z0-9\s]/g, '')
+        .replace(/\s+/g, '-')
+        .replace(/^-+|-+$/g, '');
+    }
+    return `<a id="${anchor}"></a>\n### ${title}`;
+  });
+  
+  reorderedContent += sectionWithAnchors;
+});
+
+// Write the reordered content back
+fs.writeFileSync(docsPath, reorderedContent);
+
+console.log('✅ Documentation reordered successfully!');
+console.log('Order: GridStack → GridStackEngine → Utils → GridStackOptions → Others');
diff --git a/scripts/reorder-html-docs.js b/scripts/reorder-html-docs.js
new file mode 100755
index 000000000..21d2c5fe9
--- /dev/null
+++ b/scripts/reorder-html-docs.js
@@ -0,0 +1,195 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const docsPath = path.join(__dirname, '../docs/html/index.html');
+
+if (!fs.existsSync(docsPath)) {
+  console.error('HTML documentation file not found:', docsPath);
+  process.exit(1);
+}
+
+const content = fs.readFileSync(docsPath, 'utf8');
+
+// Function to extract class sections from HTML
+function extractClassSections(html) {
+  const sections = [];
+  const classRegex = /<section class="tsd-panel tsd-member tsd-kind-class"[^>]*>([\s\S]*?)(?=<section class="tsd-panel|$)/g;
+  let match;
+  
+  while ((match = classRegex.exec(html)) !== null) {
+    const sectionContent = match[0];
+    // Extract class name from the section
+    const nameMatch = sectionContent.match(/<h3 class="tsd-index-signature"[^>]*>\s*<span class="tsd-kind-class">Class<\/span>\s+<a href="[^"]*" class="tsd-index-link">\s*([^<]+)\s*<\/a>/);
+    if (nameMatch) {
+      sections.push({
+        name: nameMatch[1].trim(),
+        content: sectionContent,
+        startIndex: match.index
+      });
+    }
+  }
+  
+  return sections;
+}
+
+// For HTML, we need to work with the TypeDoc generated structure
+// Reorder the main content sections (Classes and Interfaces)
+
+function reorderMainContent(html) {
+  // Reorder Classes section
+  const classesRegex = /<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Classes"[^>]*>[\s\S]*?<h2>Classes<\/h2><\/summary><dl class="tsd-member-summaries">([\s\S]*?)<\/dl><\/details>/;
+  const classesMatch = html.match(classesRegex);
+  
+  if (classesMatch) {
+    const classesContent = classesMatch[1];
+    
+    // Extract individual class items
+    const classItemRegex = /<dt class="tsd-member-summary"[^>]*>[\s\S]*?<\/dt><dd class="tsd-member-summary"><\/dd>/g;
+    const classItems = [];
+    let match;
+    
+    while ((match = classItemRegex.exec(classesContent)) !== null) {
+      const item = match[0];
+      // Extract class name
+      const nameMatch = item.match(/<a href="[^"]*">([^<]+)<\/a>/);
+      if (nameMatch) {
+        classItems.push({
+          name: nameMatch[1],
+          content: item
+        });
+      }
+    }
+    
+    // Define priority order for classes
+    const classPriorityOrder = ['GridStack', 'GridStackEngine', 'Utils'];
+    
+    // Separate priority classes from others
+    const priorityClasses = [];
+    const otherClasses = [];
+    
+    classItems.forEach(item => {
+      if (classPriorityOrder.includes(item.name)) {
+        priorityClasses.push(item);
+      } else {
+        otherClasses.push(item);
+      }
+    });
+    
+    // Sort priority classes
+    priorityClasses.sort((a, b) => {
+      const aIndex = classPriorityOrder.indexOf(a.name);
+      const bIndex = classPriorityOrder.indexOf(b.name);
+      return aIndex - bIndex;
+    });
+    
+    // Create new classes content
+    const reorderedClasses = [...priorityClasses, ...otherClasses];
+    const newClassesContent = reorderedClasses.map(item => item.content).join('');
+    
+    html = html.replace(classesMatch[0], classesMatch[0].replace(classesContent, newClassesContent));
+  }
+  
+  // Reorder Interfaces section to prioritize GridStackOptions
+  const interfacesRegex = /<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Interfaces"[^>]*>[\s\S]*?<h2>Interfaces<\/h2><\/summary><dl class="tsd-member-summaries">([\s\S]*?)<\/dl><\/details>/;
+  const interfacesMatch = html.match(interfacesRegex);
+  
+  if (interfacesMatch) {
+    const interfacesContent = interfacesMatch[1];
+    
+    // Extract individual interface items
+    const interfaceItemRegex = /<dt class="tsd-member-summary"[^>]*>[\s\S]*?<\/dt><dd class="tsd-member-summary"><\/dd>/g;
+    const interfaceItems = [];
+    let match;
+    
+    while ((match = interfaceItemRegex.exec(interfacesContent)) !== null) {
+      const item = match[0];
+      // Extract interface name
+      const nameMatch = item.match(/<a href="[^"]*">([^<]+)<\/a>/);
+      if (nameMatch) {
+        interfaceItems.push({
+          name: nameMatch[1],
+          content: item
+        });
+      }
+    }
+    
+    // Find GridStackOptions and prioritize it
+    const gridStackOptionsItem = interfaceItems.find(item => item.name === 'GridStackOptions');
+    const otherInterfaces = interfaceItems.filter(item => item.name !== 'GridStackOptions');
+    
+    // Create new interfaces content with GridStackOptions first
+    const reorderedInterfaces = gridStackOptionsItem ? [gridStackOptionsItem, ...otherInterfaces] : interfaceItems;
+    const newInterfacesContent = reorderedInterfaces.map(item => item.content).join('');
+    
+    html = html.replace(interfacesMatch[0], interfacesMatch[0].replace(interfacesContent, newInterfacesContent));
+  }
+  
+  return html;
+}
+
+function reorderSidebarNavigation(html) {
+  // Also reorder the sidebar navigation to match the main content
+  const sidebarRegex = /<details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Classes"[^>]*>[\s\S]*?<span>Classes<\/span><\/summary><div>([\s\S]*?)<\/div><\/details>/;
+  const sidebarMatch = html.match(sidebarRegex);
+  
+  if (sidebarMatch) {
+    const sidebarContent = sidebarMatch[1];
+    
+    // Extract sidebar items
+    const sidebarItemRegex = /<a href="[^"]*"[^>]*>[\s\S]*?<span>([^<]+)<\/span><\/a>/g;
+    const sidebarItems = [];
+    let match;
+    
+    while ((match = sidebarItemRegex.exec(sidebarContent)) !== null) {
+      sidebarItems.push({
+        name: match[1].replace(/<wbr\/>/g, ''),
+        content: match[0]
+      });
+    }
+    
+    // Reorder sidebar classes
+    const classPriorityOrder = ['GridStack', 'GridStackEngine', 'Utils'];
+    const priorityClasses = [];
+    const otherClasses = [];
+    
+    sidebarItems.forEach(item => {
+      if (classPriorityOrder.includes(item.name)) {
+        priorityClasses.push(item);
+      } else {
+        otherClasses.push(item);
+      }
+    });
+    
+    priorityClasses.sort((a, b) => {
+      const aIndex = classPriorityOrder.indexOf(a.name);
+      const bIndex = classPriorityOrder.indexOf(b.name);
+      return aIndex - bIndex;
+    });
+    
+    const reorderedSidebar = [...priorityClasses, ...otherClasses];
+    const newSidebarContent = reorderedSidebar.map(item => item.content).join('');
+    
+    html = html.replace(sidebarMatch[0], sidebarMatch[0].replace(sidebarContent, newSidebarContent));
+  }
+  
+  return html;
+}
+
+// Update the HTML content
+let updatedContent = reorderMainContent(content);
+updatedContent = reorderSidebarNavigation(updatedContent);
+
+// Add a custom note at the top about the ordering
+const customNote = `
+<!-- Documentation ordered with GridStack → GridStackEngine → GridStackOptions first -->
+`;
+
+updatedContent = updatedContent.replace('<body>', '<body>' + customNote);
+
+// Write the updated content back
+fs.writeFileSync(docsPath, updatedContent);
+
+console.log('✅ HTML documentation navigation reordered successfully!');
+console.log('Order: GridStack → GridStackEngine → Utils → GridStackOptions → Others');
diff --git a/src/gridstack.ts b/src/gridstack.ts
index d88ac5df1..b85b7fbaf 100644
--- a/src/gridstack.ts
+++ b/src/gridstack.ts
@@ -31,6 +31,13 @@ export * from './types';
 export * from './utils';
 export * from './gridstack-engine';
 export * from './dd-gridstack';
+export * from './dd-manager';
+export * from './dd-element';
+export * from './dd-draggable';
+export * from './dd-droppable';
+export * from './dd-resizable';
+export * from './dd-resizable-handle';
+export * from './dd-base-impl';
 
 export interface GridHTMLElement extends HTMLElement {
   gridstack?: GridStack; // grid's parent DOM element points back to grid class
@@ -1898,6 +1905,7 @@ export class GridStack {
     return this;
   }
 
+  /** @internal current version compiled in code */
   static GDRev = '12.2.2-dev';
 
   /* ===========================================================================================
diff --git a/src/utils.ts b/src/utils.ts
index 2f94473eb..439faaf0c 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -17,7 +17,7 @@ export interface DragTransform {
   yOffset: number;
 }
 
-/** checks for obsolete method names */
+/** @internal checks for obsolete method names */
 // eslint-disable-next-line
 export function obsolete(self, f, oldName: string, newName: string, rev: string): (...args: any[]) => any {
   const wrapper = (...args) => {
@@ -29,7 +29,7 @@ export function obsolete(self, f, oldName: string, newName: string, rev: string)
   return wrapper;
 }
 
-/** checks for obsolete grid options (can be used for any fields, but msg is about options) */
+/** @internal checks for obsolete grid options (can be used for any fields, but msg is about options) */
 export function obsoleteOpts(opts: GridStackOptions, oldName: string, newName: string, rev: string): void {
   if (opts[oldName] !== undefined) {
     opts[newName] = opts[oldName];
@@ -38,14 +38,14 @@ export function obsoleteOpts(opts: GridStackOptions, oldName: string, newName: s
   }
 }
 
-/** checks for obsolete grid options which are gone */
+/** @internal checks for obsolete grid options which are gone */
 export function obsoleteOptsDel(opts: GridStackOptions, oldName: string, rev: string, info: string): void {
   if (opts[oldName] !== undefined) {
     console.warn('gridstack.js: Option `' + oldName + '` is deprecated in ' + rev + info);
   }
 }
 
-/** checks for obsolete Jquery element attributes */
+/** @internal checks for obsolete Jquery element attributes */
 export function obsoleteAttr(el: HTMLElement, oldName: string, newName: string, rev: string): void {
   const oldAttr = el.getAttribute(oldName);
   if (oldAttr !== null) {
diff --git a/test-links.md b/test-links.md
new file mode 100644
index 000000000..72ffdbb1f
--- /dev/null
+++ b/test-links.md
@@ -0,0 +1,24 @@
+# Link Test
+
+## Table of Contents
+
+- [Test Section 1](#test1)
+- [Test Section 2](#test-section-2) 
+- [DDElement Test](#ddelement)
+
+## Content
+
+<a name="test1"></a>
+### Test Section 1
+
+This should work with name anchor.
+
+<a id="test-section-2"></a>
+### Test Section 2
+
+This should work with id anchor.
+
+<a name="ddelement"></a>
+### DDElement
+
+This should match the format in docs.
diff --git a/typedoc.html.json b/typedoc.html.json
new file mode 100644
index 000000000..e552cc79b
--- /dev/null
+++ b/typedoc.html.json
@@ -0,0 +1,62 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": ["src/gridstack.ts"],
+  "excludeExternals": false,
+  "out": "docs/html",
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/spec/**",
+    "**/test/**",
+    "**/demo/**",
+    "demo/**",
+    "node_modules/**"
+  ],
+  "excludePrivate": true,
+  "excludeProtected": false,
+  "excludeInternal": true,
+  "includeVersion": true,
+  "sort": ["alphabetical"],
+  "kindSortOrder": [
+    "Class",
+    "Interface", 
+    "TypeAlias",
+    "Variable",
+    "Function"
+  ],
+  "groupOrder": [
+    "Classes",
+    "Interfaces",
+    "Type aliases",
+    "Variables",
+    "Functions"
+  ],
+  "categorizeByGroup": true,
+  "defaultCategory": "Other",
+  "categoryOrder": [
+    "Main",
+    "Options",
+    "Events",
+    "Utilities",
+    "Types",
+    "*"
+  ],
+  "readme": "none",
+  "theme": "default",
+  "hideGenerator": false,
+  "searchInComments": true,
+  "searchInDocuments": true,
+  "cleanOutputDir": true,
+  "titleLink": "https://gridstackjs.com/",
+  "navigationLinks": {
+    "GitHub": "https://github.com/gridstack/gridstack.js",
+    "Demo": "https://gridstackjs.com/demo/"
+  },
+  "sidebarLinks": {
+    "Documentation": "https://github.com/gridstack/gridstack.js/tree/master/doc",
+    "API Reference": "docs/"
+  },
+  "hostedBaseUrl": "https://gridstack.github.io/gridstack.js/",
+  "gitRevision": "master",
+  "gitRemote": "origin"
+}
diff --git a/typedoc.json b/typedoc.json
index 27354a729..dd2902639 100644
--- a/typedoc.json
+++ b/typedoc.json
@@ -1,19 +1,34 @@
 {
   "$schema": "https://typedoc.org/schema.json",
   "entryPoints": ["src/gridstack.ts"],
-  "out": "docs",
+  "excludeExternals": false,
+  "out": "docs/api",
+  "plugin": ["typedoc-plugin-markdown"],
+  "theme": "markdown",
   "exclude": [
     "**/*.spec.ts",
     "**/*.test.ts",
     "**/spec/**",
     "**/test/**",
+    "**/demo/**",
+    "demo/**",
+    "demo/*",
+    "**/demo/*",
+    "**/*demo*",
     "node_modules/**"
   ],
   "excludePrivate": true,
   "excludeProtected": false,
   "excludeInternal": true,
   "includeVersion": true,
-  "sort": ["source-order"],
+  "sort": ["alphabetical"],
+  "kindSortOrder": [
+    "Class",
+    "Interface", 
+    "TypeAlias",
+    "Variable",
+    "Function"
+  ],
   "groupOrder": [
     "Classes",
     "Interfaces",
@@ -31,22 +46,31 @@
     "Types",
     "*"
   ],
-  "readme": "README.md",
-  "theme": "default",
-  "hideGenerator": false,
-  "searchInComments": true,
-  "searchInDocuments": true,
+  "readme": "none",
+  "hidePageHeader": true,
+  "hideBreadcrumbs": true,
+  "hidePageTitle": false,
+  "disableSources": false,
+  "useCodeBlocks": true,
+  "indexFormat": "table",
+  "parametersFormat": "table",
+  "interfacePropertiesFormat": "table",
+  "classPropertiesFormat": "table",
+  "enumMembersFormat": "table",
+  "typeDeclarationFormat": "table",
+  "propertyMembersFormat": "table",
+  "expandObjects": false,
+  "expandParameters": false,
+  "blockTagsPreserveOrder": [
+    "@param",
+    "@returns",
+    "@throws"
+  ],
+  "outputFileStrategy": "modules",
+  "mergeReadme": false,
+  "entryFileName": "index",
   "cleanOutputDir": true,
-  "titleLink": "https://gridstackjs.com/",
-  "navigationLinks": {
-    "GitHub": "https://github.com/gridstack/gridstack.js",
-    "Demo": "https://gridstackjs.com/demo/"
-  },
-  "sidebarLinks": {
-    "Documentation": "https://github.com/gridstack/gridstack.js/tree/master/doc",
-    "API Reference": "docs/"
-  },
-  "hostedBaseUrl": "https://gridstack.github.io/gridstack.js/",
+  "excludeReferences": true,
   "gitRevision": "master",
   "gitRemote": "origin"
 }
diff --git a/typedoc.markdown.json b/typedoc.markdown.json
index 46c14df3d..199b43ec8 100644
--- a/typedoc.markdown.json
+++ b/typedoc.markdown.json
@@ -1,29 +1,52 @@
 {
   "$schema": "https://typedoc.org/schema.json",
-  "extends": "./typedoc.json",
-  "out": "docs/markdown",
-  "plugin": ["typedoc-plugin-markdown"],
-  "theme": "markdown",
-  "hidePageHeader": true,
-  "hideBreadcrumbs": true,
-  "hidePageTitle": false,
-  "disableSources": false,
-  "useCodeBlocks": true,
-  "indexFormat": "table",
-  "parametersFormat": "table",
-  "interfacePropertiesFormat": "table",
-  "classPropertiesFormat": "table",
-  "enumMembersFormat": "table",
-  "typeDeclarationFormat": "table",
-  "propertyMembersFormat": "table",
-  "expandObjects": false,
-  "expandParameters": false,
-  "blockTagsPreserveOrder": [
-    "@param",
-    "@returns",
-    "@throws"
+  "entryPoints": ["src/gridstack.ts"],
+  "out": "docs/html",
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/spec/**",
+    "**/test/**",
+    "node_modules/**"
   ],
-  "outputFileStrategy": "modules",
-  "mergeReadme": true,
-  "entryFileName": "README"
+  "excludePrivate": true,
+  "excludeProtected": false,
+  "excludeInternal": true,
+  "includeVersion": true,
+  "sort": ["source-order"],
+  "groupOrder": [
+    "Classes",
+    "Interfaces",
+    "Type aliases",
+    "Variables",
+    "Functions"
+  ],
+  "categorizeByGroup": true,
+  "defaultCategory": "Other",
+  "categoryOrder": [
+    "Main",
+    "Options",
+    "Events",
+    "Utilities",
+    "Types",
+    "*"
+  ],
+  "readme": "README.md",
+  "theme": "default",
+  "hideGenerator": false,
+  "searchInComments": true,
+  "searchInDocuments": true,
+  "cleanOutputDir": true,
+  "titleLink": "https://gridstackjs.com/",
+  "navigationLinks": {
+    "GitHub": "https://github.com/gridstack/gridstack.js",
+    "Demo": "https://gridstackjs.com/demo/"
+  },
+  "sidebarLinks": {
+    "Documentation": "https://github.com/gridstack/gridstack.js/tree/master/doc",
+    "API Reference": "docs/"
+  },
+  "hostedBaseUrl": "https://gridstack.github.io/gridstack.js/",
+  "gitRevision": "master",
+  "gitRemote": "origin"
 }