@yoobic/yobi 8.2.0-10 → 8.2.0-11

package/dist/cjs/{draggable-dots-helpers-ec12ebd1.js → draggable-dots-helpers-2eee5990.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a5ed34bd.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 const annotationsHelpers = require('./annotations-helpers-45b1c2e4.js');
 

package/dist/cjs/{draggable-tags-helpers-f9c6c070.js → draggable-tags-helpers-aeca1179.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a5ed34bd.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 function checkArray(array) {

package/dist/cjs/{entities-helpers-9f63b26e.js → entities-helpers-07a31a4b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index$1 = require('./index-1c7eb28e.js');
-const index = require('./index-a5ed34bd.js');
+const index$1 = require('./index-3c14640e.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
@@ -223,9 +223,12 @@ function parseEntityForCardChat(item, isMultiple, unreads) {
   if (isGifMessage) {
     lastMessage = 'GIF';
   }
-  else if (messageType === index$1.MessageType.photo || messageType === index$1.MessageType.video || messageType === index$1.MessageType.document) {
+  else if (messageType === index$1.MessageType.video) {
     lastMessage = `${index.translate(messageType.toUpperCase())}`;
   }
+  else if (messageType === index$1.MessageType.photo || messageType === index$1.MessageType.document) {
+    lastMessage = `${index.translate('YOOBIC' + messageType.toUpperCase())}`;
+  }
   let sender;
   if (lastMessage && item.lastMessageSenderId !== index.getSession().userId && isMultiple) {
     sender = item.users.find(user => user._id === item.lastMessageSenderId);

package/dist/cjs/{filters-helpers-ae68089d.js → filters-helpers-00d0f400.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-1c7eb28e.js');
-const index$1 = require('./index-a5ed34bd.js');
+const index = require('./index-3c14640e.js');
+const index$1 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 function isWithValuesField(field) {

package/dist/cjs/{form-choice-helpers-66301959.js → form-choice-helpers-bffe2398.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a5ed34bd.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-f9c6c070.js');
-const formInputHelpers = require('./form-input-helpers-e8b5745a.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-aeca1179.js');
+const formInputHelpers = require('./form-input-helpers-56655166.js');
 
 function isSelected(item, selection) {
   const tmpSelection = [].concat(selection);

package/dist/cjs/{form-helpers-17a5702c.js → form-helpers-6fa4a041.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index$1 = require('./index-1c7eb28e.js');
-const index = require('./index-a5ed34bd.js');
+const index$1 = require('./index-3c14640e.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {

package/dist/cjs/{form-input-helpers-e8b5745a.js → form-input-helpers-56655166.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-a5ed34bd.js');
-const index$1 = require('./index-1c7eb28e.js');
-const commonHelpers = require('./common-helpers-276afcde.js');
+const index = require('./index-de62187b.js');
+const index$1 = require('./index-3c14640e.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/cjs/{form-text-area-helpers-a3736fd1.js → form-text-area-helpers-0bcd9df3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a5ed34bd.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 /**

package/dist/cjs/{grid-renderers-3f8da42f.js → grid-renderers-df048c22.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const index$1 = require('./index-1c7eb28e.js');
-const index = require('./index-a5ed34bd.js');
+const index$1 = require('./index-3c14640e.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const missionsHelpers = require('./missions-helpers-d008583d.js');
-const commonHelpers = require('./common-helpers-276afcde.js');
-const formHelpers = require('./form-helpers-17a5702c.js');
+const missionsHelpers = require('./missions-helpers-278929cd.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
+const formHelpers = require('./form-helpers-6fa4a041.js');
 const geolocationHelpers = require('./geolocation-helpers-c499cf4c.js');
 
 const countryFlag = (country) => {
@@ -370,15 +370,19 @@ function aclRoleRenderer(params) {
 function tagsRenderer(params) {
   let retVal = lodash.compact([].concat(params.value || []));
   retVal = retVal.map((value) => {
+    var _a;
     if (!lodash.isString(value)) {
       value = value.tag;
     }
+    if ((_a = params) === null || _a === void 0 ? void 0 : _a.translate) {
+      value = index.translate(value);
+    }
     return value;
   });
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
   const tooltipContent = retVal.join(', ');
-  const content = retVal.map((t) => `<yoo-tag color="stable">${t}</yoo-tag>`).join('');
+  const content = retVal.map((t) => { var _a, _b; return `<yoo-tag color="${((_b = (_a = params) === null || _a === void 0 ? void 0 : _a.getColor) === null || _b === void 0 ? void 0 : _b.call(_a, params.value)) || 'stable'}">${t}</yoo-tag>`; }).join('');
   tooltip.delay = [1500, 0];
   tooltip.content = tooltipContent;
   tooltip.placement = 'bottom';
@@ -734,7 +738,7 @@ function imageRenderer(params) {
   return '';
 }
 function videoRenderer(params) {
-  return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
+  return (params === null || params === void 0 ? void 0 : params.value) ? '<video class="ag-cell-image video" src="' + params.value + '"></video>' : '';
 }
 function starratingRenderer(params) {
   var _a, _b;

package/dist/cjs/{gridstack-dd-native-a07c1ea1.js → gridstack-dd-native-dca9e336.js}

@@ -5,7 +5,7 @@ const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 var ddManager = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-manager.ts 5.0
+ * dd-manager.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -21,8 +21,8 @@ const ddManager$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddMana
 var ddResizableHandle = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-resizable-handle.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * dd-resizable-handle.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDResizableHandle = void 0;
@@ -108,8 +108,8 @@ const ddResizableHandle$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCj
 var ddBaseImpl = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-base-impl.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * dd-base-impl.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDBaseImplement = void 0;
@@ -153,7 +153,7 @@ var ddUtils = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDUtils = void 0;
 /**
- * dd-utils.ts 5.0
+ * dd-utils.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 class DDUtils {
@@ -250,7 +250,7 @@ const ddUtils$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddUtils)
 var utils = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * utils.ts 5.0
+ * utils.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -466,21 +466,21 @@ class Utils {
         return true;
     }
     /** copies over b size & position (GridStackPosition), and possibly min/max as well */
-    static copyPos(a, b, minMax = false) {
+    static copyPos(a, b, doMinMax = false) {
         a.x = b.x;
         a.y = b.y;
         a.w = b.w;
         a.h = b.h;
-        if (!minMax)
-            return a;
-        if (b.minW)
-            a.minW = b.minW;
-        if (b.minH)
-            a.minH = b.minH;
-        if (b.maxW)
-            a.maxW = b.maxW;
-        if (b.maxH)
-            a.maxH = b.maxH;
+        if (doMinMax) {
+            if (b.minW)
+                a.minW = b.minW;
+            if (b.minH)
+                a.minH = b.minH;
+            if (b.maxW)
+                a.maxW = b.maxW;
+            if (b.maxH)
+                a.maxH = b.maxH;
+        }
         return a;
     }
     /** true if a and b has same size & position */
@@ -662,8 +662,8 @@ const utils$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(utils);
 var ddResizable = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-resizable.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * dd-resizable.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDResizable = void 0;
@@ -946,8 +946,8 @@ const ddResizable$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddRe
 var ddDraggable = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-draggable.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * dd-draggable.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDDraggable = void 0;
@@ -1140,19 +1140,16 @@ class DDDraggable extends ddBaseImpl.DDBaseImplement {
     }
     /** @internal */
     _removeHelperStyle() {
+        var _a;
+        let node = (_a = this.helper) === null || _a === void 0 ? void 0 : _a.gridstackNode;
         // don't bother restoring styles if we're gonna remove anyway...
-        let node = this.helper ? this.helper.gridstackNode : undefined;
         if (this.dragElementOriginStyle && (!node || !node._isAboutToRemove)) {
-            DDDraggable.originStyleProp.forEach(prop => {
-                this.helper.style[prop] = this.dragElementOriginStyle[prop] || null;
-            });
+            let helper = this.helper;
+            DDDraggable.originStyleProp.forEach(prop => helper.style[prop] = this.dragElementOriginStyle[prop] || null);
             // show up instantly otherwise we animate to off the grid when switching back to 'absolute' from 'fixed'
-            this.helper.style.transition = 'none';
-            setTimeout(() => {
-                if (this.helper) {
-                    this.helper.style.transition = this.dragElementOriginStyle['transition']; // recover animation
-                }
-            }, 0);
+            helper.style.transition = 'none';
+            let transition = this.dragElementOriginStyle['transition'] || null;
+            setTimeout(() => helper.style.transition = transition, 0); // recover animation from saved vars
         }
         delete this.dragElementOriginStyle;
         return this;
@@ -1245,7 +1242,7 @@ class DDDraggable extends ddBaseImpl.DDBaseImplement {
 exports.DDDraggable = DDDraggable;
 /** @internal #1541 can't have {passive: true} on Safari as otherwise it reverts animate back to old location on drop */
 DDDraggable.dragEventListenerOption = true; // DDUtils.isEventSupportPassiveOption ? { capture: true, passive: true } : true;
-/** @internal */
+/** @internal properties we change during dragging, and restore back */
 DDDraggable.originStyleProp = ['transition', 'pointerEvents', 'position',
     'left', 'top', 'opacity', 'zIndex', 'width', 'height', 'willChange', 'min-width'];
 //# sourceMappingURL=dd-draggable.js.map
@@ -1256,8 +1253,8 @@ const ddDraggable$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddDr
 var ddDroppable = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-droppable.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * dd-droppable.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDDroppable = void 0;
@@ -1429,7 +1426,7 @@ const ddDroppable$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddDr
 var ddElement = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-elements.ts 5.0
+ * dd-elements.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1529,7 +1526,7 @@ const ddElement$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ddElem
 var gridstackDdi = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-ddi.ts 5.0
+ * gridstack-ddi.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1562,8 +1559,8 @@ const gridstackDdi$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(gri
 var gridstackEngine = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-engine.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * gridstack-engine.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridStackEngine = void 0;
@@ -1579,10 +1576,10 @@ class GridStackEngine {
         this.addedNodes = [];
         this.removedNodes = [];
         this.column = opts.column || 12;
-        this.onChange = opts.onChange;
-        this._float = opts.float;
         this.maxRow = opts.maxRow;
+        this._float = opts.float;
         this.nodes = opts.nodes || [];
+        this.onChange = opts.onChange;
     }
     batchUpdate() {
         if (this.batchMode)
@@ -1590,8 +1587,7 @@ class GridStackEngine {
         this.batchMode = true;
         this._prevFloat = this._float;
         this._float = true; // let things go anywhere for now... commit() will restore and possibly reposition
-        this.saveInitial(); // since begin update (which is called multiple times) won't do this
-        return this;
+        return this.saveInitial(); // since begin update (which is called multiple times) won't do this
     }
     commit() {
         if (!this.batchMode)
@@ -1609,7 +1605,7 @@ class GridStackEngine {
     /** @internal fix collision on given 'node', going to given new location 'nn', with optional 'collide' node already found.
      * return true if we moved. */
     _fixCollisions(node, nn = node, collide, opt = {}) {
-        this._sortNodes(-1); // from last to first, so recursive collision move items in the right order
+        this.sortNodes(-1); // from last to first, so recursive collision move items in the right order
         collide = collide || this.collide(node, nn); // REAL area collide for swap and skip if none...
         if (!collide)
             return false;
@@ -1783,7 +1779,7 @@ class GridStackEngine {
         if (this.nodes.length === 0)
             return this;
         this.batchUpdate()
-            ._sortNodes();
+            .sortNodes();
         let copyNodes = this.nodes;
         this.nodes = []; // pretend we have no nodes to conflict layout to start with...
         copyNodes.forEach(node => {
@@ -1806,8 +1802,8 @@ class GridStackEngine {
     }
     /** float getter method */
     get float() { return this._float || false; }
-    /** @internal */
-    _sortNodes(dir) {
+    /** sort the nodes array from first to last, or reverse. Called during collision/placement to force an order */
+    sortNodes(dir) {
         this.nodes = utils.Utils.sort(this.nodes, dir, this.column);
         return this;
     }
@@ -1816,7 +1812,7 @@ class GridStackEngine {
         if (this.batchMode) {
             return this;
         }
-        this._sortNodes(); // first to last
+        this.sortNodes(); // first to last
         if (this.float) {
             // restore original Y pos
             this.nodes.forEach(n => {
@@ -1967,6 +1963,7 @@ class GridStackEngine {
         }
         return node;
     }
+    /** returns a list of modified nodes from their original values */
     getDirtyNodes(verify) {
         // compare original x,y,w,h instead as _dirty can be a temporary state
         if (verify) {
@@ -1974,13 +1971,12 @@ class GridStackEngine {
         }
         return this.nodes.filter(n => n._dirty);
     }
-    /** @internal call this to call onChange CB with dirty nodes */
-    _notify(nodes, removeDOM = true) {
-        if (this.batchMode)
+    /** @internal call this to call onChange callback with dirty nodes so DOM can be updated */
+    _notify(removedNodes) {
+        if (this.batchMode || !this.onChange)
             return this;
-        nodes = (nodes === undefined ? [] : (Array.isArray(nodes) ? nodes : [nodes]));
-        let dirtyNodes = nodes.concat(this.getDirtyNodes());
-        this.onChange && this.onChange(dirtyNodes, removeDOM);
+        let dirtyNodes = (removedNodes || []).concat(this.getDirtyNodes());
+        this.onChange(dirtyNodes);
         return this;
     }
     /** @internal remove dirty and last tried info */
@@ -2025,7 +2021,7 @@ class GridStackEngine {
         delete node._temporaryRemoved;
         delete node._removeDOM;
         if (node.autoPosition) {
-            this._sortNodes();
+            this.sortNodes();
             for (let i = 0;; ++i) {
                 let x = i % this.column;
                 let y = Math.floor(i / this.column);
@@ -2064,7 +2060,7 @@ class GridStackEngine {
         // don't use 'faster' .splice(findIndex(),1) in case node isn't in our list, or in multiple times.
         this.nodes = this.nodes.filter(n => n !== node);
         return this._packNodes()
-            ._notify(node);
+            ._notify([node]);
     }
     removeAll(removeDOM = true) {
         delete this._layouts;
@@ -2084,7 +2080,7 @@ class GridStackEngine {
             return false;
         o.pack = true;
         // simpler case: move item directly...
-        if (!this.maxRow /* && !this._hasLocked*/) {
+        if (!this.maxRow) {
             return this.moveNode(node, o);
         }
         // complex case: create a clone with NO maxRow (will check for out of bounds at the end)
@@ -2102,17 +2098,14 @@ class GridStackEngine {
         });
         if (!clonedNode)
             return false;
-        let canMove = clone.moveNode(clonedNode, o);
-        // if maxRow make sure we are still valid size
-        if (this.maxRow && canMove) {
-            canMove = (clone.getRow() <= this.maxRow);
-            // turns out we can't grow, then see if we can swap instead (ex: full grid) if we're not resizing
-            if (!canMove && !o.resizing) {
-                let collide = this.collide(node, o);
-                if (collide && this.swap(node, collide)) {
-                    this._notify();
-                    return true;
-                }
+        // make sure we are still valid size
+        let canMove = clone.moveNode(clonedNode, o) && clone.getRow() <= this.maxRow;
+        // turns out we can't grow, then see if we can swap instead (ex: full grid) if we're not resizing
+        if (!canMove && !o.resizing) {
+            let collide = this.collide(node, o);
+            if (collide && this.swap(node, collide)) {
+                this._notify();
+                return true;
             }
         }
         if (!canMove)
@@ -2155,7 +2148,7 @@ class GridStackEngine {
     }
     /** true if x,y or w,h are different after clamping to min/max */
     changedPosConstrain(node, p) {
-        // make sure w,h are set
+        // first make sure w,h are set for caller
         p.w = p.w || node.w;
         p.h = p.h || node.h;
         if (node.x !== p.x || node.y !== p.y)
@@ -2202,13 +2195,8 @@ class GridStackEngine {
         if (utils.Utils.samePos(node, o))
             return false;
         let prevPos = utils.Utils.copyPos({}, node);
-        // during while() collisions make sure to check entire row so larger items don't leap frog small ones (push them all down)
-        let area = nn;
-        // if (this._useEntireRowArea(node, nn)) {
-        //   area = {x: 0, w: this.column, y: nn.y, h: nn.h};
-        // }
         // check if we will need to fix collision at our new location
-        let collides = this.collideAll(node, area, o.skip);
+        let collides = this.collideAll(node, nn, o.skip);
         let needToMove = true;
         if (collides.length) {
             // now check to make sure we actually collided over 50% surface area while dragging
@@ -2259,7 +2247,7 @@ class GridStackEngine {
         let len = (_a = this._layouts) === null || _a === void 0 ? void 0 : _a.length;
         let layout = len && this.column !== (len - 1) ? this._layouts[len - 1] : null;
         let list = [];
-        this._sortNodes();
+        this.sortNodes();
         this.nodes.forEach(n => {
             let wl = layout === null || layout === void 0 ? void 0 : layout.find(l => l._id === n._id);
             let w = Object.assign({}, n);
@@ -2480,7 +2468,7 @@ const gridstackEngine$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(
 var types = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * types.ts 5.0
+ * types.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -2504,10 +2492,10 @@ var __exportStar = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjs
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridStack = void 0;
 /*!
- * GridStack 5.0
+ * GridStack 5.1.0
  * https://gridstackjs.com/
  *
- * Copyright (c) 2021 Alain Dumesny
+ * Copyright (c) 2021-2022 Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
 
@@ -2533,7 +2521,7 @@ const GridDefaults = {
     cellHeightThrottle: 100,
     margin: 10,
     auto: true,
-    minWidth: 768,
+    oneColumnSize: 768,
     float: false,
     staticGrid: false,
     animate: true,
@@ -2592,6 +2580,13 @@ class GridStack {
         if (opts.column === 'auto') {
             delete opts.column;
         }
+        // 'minWidth' legacy support in 5.1
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+        let anyOpts = opts;
+        if (anyOpts.minWidth !== undefined) {
+            opts.oneColumnSize = opts.oneColumnSize || anyOpts.minWidth;
+            delete anyOpts.minWidth;
+        }
         // elements attributes override any passed options (like CSS style) - merge the two together
         let defaults = Object.assign(Object.assign({}, utils.Utils.cloneDeep(GridDefaults)), { column: utils.Utils.toNumber(el.getAttribute('gs-column')) || 12, minRow: rowAttr ? rowAttr : utils.Utils.toNumber(el.getAttribute('gs-min-row')) || 0, maxRow: rowAttr ? rowAttr : utils.Utils.toNumber(el.getAttribute('gs-max-row')) || 0, staticGrid: utils.Utils.toBool(el.getAttribute('gs-static')) || false, _styleSheetClass: 'grid-stack-instance-' + (Math.random() * 10000).toFixed(0), alwaysShowResizeHandle: opts.alwaysShowResizeHandle || false, resizable: {
                 autoHide: !(opts.alwaysShowResizeHandle || false),
@@ -2608,9 +2603,9 @@ class GridStack {
         }
         this.opts = utils.Utils.defaults(opts, defaults);
         opts = null; // make sure we use this.opts instead
-        this.initMargin(); // part of settings defaults...
+        this._initMargin(); // part of settings defaults...
         // Now check if we're loading into 1 column mode FIRST so we don't do un-necessary work (like cellHeight = width / 12 then go 1 column)
-        if (this.opts.column !== 1 && !this.opts.disableOneColumnMode && this._widthOrContainer() <= this.opts.minWidth) {
+        if (this.opts.column !== 1 && !this.opts.disableOneColumnMode && this._widthOrContainer() <= this.opts.oneColumnSize) {
             this._prevColumn = this.getColumn();
             this.opts.column = 1;
         }
@@ -2643,7 +2638,8 @@ class GridStack {
         }
         this.el.classList.add(this.opts._styleSheetClass);
         this._setStaticClass();
-        this.engine = new gridstackEngine.GridStackEngine({
+        let engineClass = this.opts.engineClass || GridStack.engineClass || gridstackEngine.GridStackEngine;
+        this.engine = new engineClass({
             column: this.getColumn(),
             float: this.opts.float,
             maxRow: this.opts.maxRow,
@@ -2777,6 +2773,13 @@ class GridStack {
         }
         return grid;
     }
+    /** 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.
+     */
+    static registerEngine(engineClass) {
+        GridStack.engineClass = engineClass;
+    }
     /** @internal create placeholder DIV as needed */
     get placeholder() {
         if (!this._placeholder) {
@@ -3470,7 +3473,7 @@ class GridStack {
         // re-use existing margin handling
         this.opts.margin = value;
         this.opts.marginTop = this.opts.marginBottom = this.opts.marginLeft = this.opts.marginRight = undefined;
-        this.initMargin();
+        this._initMargin();
         this._updateStyles(true); // true = force re-create
         return this;
     }
@@ -3754,7 +3757,7 @@ class GridStack {
         }
         else {
             // else check for 1 column in/out behavior
-            let oneColumn = !this.opts.disableOneColumnMode && this.el.clientWidth <= this.opts.minWidth;
+            let oneColumn = !this.opts.disableOneColumnMode && this.el.clientWidth <= this.opts.oneColumnSize;
             if ((this.opts.column === 1) !== oneColumn) {
                 changedColumn = true;
                 if (this.opts.animate) {
@@ -3810,7 +3813,7 @@ class GridStack {
     /** @internal */
     static getGridElements(els) { return utils.Utils.getElements(els); }
     /** @internal initialize margin top/bottom/left/right and units */
-    initMargin() {
+    _initMargin() {
         let data;
         let margin = 0;
         // support passing multiple values like CSS (ex: '5px 10px 0 20px')
@@ -3954,7 +3957,7 @@ const gridstack$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(gridst
 var gridstackDd = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-dd.ts 5.0
+ * gridstack-dd.ts 5.1.0
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -4610,8 +4613,8 @@ const gridstackDd$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(grid
 var gridstackDdNative = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-dd-native.ts 5.0
- * Copyright (c) 2021 Alain Dumesny - see GridStack root license
+ * gridstack-dd-native.ts 5.1.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 var __createBinding = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/{incentive-helpers-e6d706aa.js → incentive-helpers-2608c89a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index$1 = require('./index-1c7eb28e.js');
-const index = require('./index-a5ed34bd.js');
+const index$1 = require('./index-3c14640e.js');
+const index = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 
 /**

package/dist/cjs/{index-f3cf88e7.js → index-038df9d2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1c7eb28e.js');
+const index = require('./index-3c14640e.js');
 require('./workflow.interface-ffda8358.js');
 require('./form-field.instance-610e61e1.js');
 require('./item-sliding.interface-7206925b.js');

package/dist/cjs/{index-3086d486.js → index-046d1be2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index$1 = require('./index-884056d1.js');
-const index = require('./index-a5ed34bd.js');
+const index$1 = require('./index-ef6d1a6d.js');
+const index = require('./index-de62187b.js');
 
 class GestureController {
   constructor() {