@yoobic/yobi 8.2.0-10 → 8.2.0-11

package/dist/{esm/draggable-dots-helpers-65897583.js → design-system/draggable-dots-helpers-11698b98.js}

@@ -1,4 +1,4 @@
-import { aJ as Draggable, _ as getSession, as as getCurrentLanguage, aI as getUUID, y as getCssColor, bg as getContrastColor, aK as gsapTo, bh as scaleUpAnimation, bi as convertSvgToBase64, ba as getMedia, n as showModal } from './index-17bee8f0.js';
+import { aJ as Draggable, _ as getSession, as as getCurrentLanguage, aI as getUUID, y as getCssColor, bg as getContrastColor, aK as gsapTo, bh as scaleUpAnimation, bi as convertSvgToBase64, ba as getMedia, n as showModal } from './index-1a55b25d.js';
 import { M as isFinite, T as inRange } from './lodash-9d33f885.js';
 import { f as getBound, d as getElement, c as calcCoordPercentage, b as isAnnotationValid, e as getAnnotationPositionStyle, i as isAnnotationEmpty, h as isAnnotationDeleted } from './annotations-helpers-06bdd868.js';
 

package/dist/{esm/draggable-tags-helpers-8c63aecd.js → design-system/draggable-tags-helpers-38c8d41a.js}

@@ -1,4 +1,4 @@
-import { t as translate } from './index-17bee8f0.js';
+import { t as translate } from './index-1a55b25d.js';
 import { O as countBy } from './lodash-9d33f885.js';
 
 function checkArray(array) {

package/dist/{esm/entities-helpers-fa6e2a57.js → design-system/entities-helpers-e0b4bd14.js}

@@ -1,5 +1,5 @@
-import { M as MessageType } from './index-e36bdc70.js';
-import { a7 as getUserDisplayName, W as pipes, aq as replaceAtTagToMentionTag, ar as isCloudinaryLink, as as getCurrentLanguage, E as getAsyncExtraData, at as replaceAllLinks, au as parseMarkDown, _ as getSession, av as isPhotoEdited, aw as changeExtension, T as translateMulti, ax as toButton, ay as toDate, az as capitalizeFirstLetter, ah as isGif, t as translate } from './index-17bee8f0.js';
+import { M as MessageType } from './index-daddf2c7.js';
+import { a7 as getUserDisplayName, W as pipes, aq as replaceAtTagToMentionTag, ar as isCloudinaryLink, as as getCurrentLanguage, E as getAsyncExtraData, at as replaceAllLinks, au as parseMarkDown, _ as getSession, av as isPhotoEdited, aw as changeExtension, T as translateMulti, ax as toButton, ay as toDate, az as capitalizeFirstLetter, ah as isGif, t as translate } from './index-1a55b25d.js';
 import { l as isNumber, c as compact } from './lodash-9d33f885.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
@@ -221,9 +221,12 @@ function parseEntityForCardChat(item, isMultiple, unreads) {
   if (isGifMessage) {
     lastMessage = 'GIF';
   }
-  else if (messageType === MessageType.photo || messageType === MessageType.video || messageType === MessageType.document) {
+  else if (messageType === MessageType.video) {
     lastMessage = `${translate(messageType.toUpperCase())}`;
   }
+  else if (messageType === MessageType.photo || messageType === MessageType.document) {
+    lastMessage = `${translate('YOOBIC' + messageType.toUpperCase())}`;
+  }
   let sender;
   if (lastMessage && item.lastMessageSenderId !== getSession().userId && isMultiple) {
     sender = item.users.find(user => user._id === item.lastMessageSenderId);

package/dist/{esm/filters-helpers-9c30d6d7.js → design-system/filters-helpers-835214de.js}

@@ -1,5 +1,5 @@
-import { c as FormFieldType } from './index-e36bdc70.js';
-import { dU as isTextField, t as translate, o as isWeb } from './index-17bee8f0.js';
+import { c as FormFieldType } from './index-daddf2c7.js';
+import { dU as isTextField, t as translate, o as isWeb } from './index-1a55b25d.js';
 import { S as set, c as compact } from './lodash-9d33f885.js';
 
 function isWithValuesField(field) {

package/dist/{esm/form-choice-helpers-926998b7.js → design-system/form-choice-helpers-d406e438.js}

@@ -1,7 +1,7 @@
-import { R as isNullOrUndefined } from './index-17bee8f0.js';
+import { R as isNullOrUndefined } from './index-1a55b25d.js';
 import { P as findIndex, x as isEqual, c as compact, Q as shuffle } from './lodash-9d33f885.js';
-import { h as hasDuplicates, s as showWarningAlert } from './draggable-tags-helpers-8c63aecd.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-b0d19f5d.js';
+import { h as hasDuplicates, s as showWarningAlert } from './draggable-tags-helpers-38c8d41a.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-1b66efe8.js';
 
 function isSelected(item, selection) {
   const tmpSelection = [].concat(selection);

package/dist/design-system/{form-helpers-1ccb585a.js → form-helpers-f16ce311.js}

@@ -1,5 +1,5 @@
-import { c as FormFieldType } from './index-e36bdc70.js';
-import { _ as getSession, R as isNullOrUndefined, bj as evalInContext, bk as evalConditionsInContext, bl as VALIDATORS, aB as getReducedValidator, bm as getNameAndData, bn as getFieldsFromSlides, bo as getFieldValue, bp as getFieldReplacement, E as getAsyncExtraData, bq as getSessionReplacementValue, br as escapeRegExp, bs as slenderizeObject, bt as getFormulaReplacement, bu as isDateTimeField, t as translate } from './index-17bee8f0.js';
+import { c as FormFieldType } from './index-daddf2c7.js';
+import { _ as getSession, R as isNullOrUndefined, bj as evalInContext, bk as evalConditionsInContext, bl as VALIDATORS, aB as getReducedValidator, bm as getNameAndData, bn as getFieldsFromSlides, bo as getFieldValue, bp as getFieldReplacement, E as getAsyncExtraData, bq as getSessionReplacementValue, br as escapeRegExp, bs as slenderizeObject, bt as getFormulaReplacement, bu as isDateTimeField, t as translate } from './index-1a55b25d.js';
 import { p as isString, a as isArray, s as isObject, b as concat, S as set, A as get, U as sumBy, x as isEqual, z as cloneDeep, l as isNumber } from './lodash-9d33f885.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {

package/dist/{esm/form-input-helpers-b0d19f5d.js → design-system/form-input-helpers-1b66efe8.js}

@@ -1,6 +1,6 @@
-import { aB as getReducedValidator, aC as getReducedAsyncValidator, R as isNullOrUndefined, r as findParent, aD as dateIsValid, aE as isPresent, ay as toDate, d as isNativeMobile, Z as dateFormat, v as isIOS, aF as dateSub, aG as dateAdd, e as isAndroid, aH as Keyboard } from './index-17bee8f0.js';
-import { c as FormFieldType } from './index-e36bdc70.js';
-import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-36a6bd54.js';
+import { aB as getReducedValidator, aC as getReducedAsyncValidator, R as isNullOrUndefined, r as findParent, aD as dateIsValid, aE as isPresent, ay as toDate, d as isNativeMobile, Z as dateFormat, v as isIOS, aF as dateSub, aG as dateAdd, e as isAndroid, aH as Keyboard } from './index-1a55b25d.js';
+import { c as FormFieldType } from './index-daddf2c7.js';
+import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-c2053ae8.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/{esm/form-text-area-helpers-726454b9.js → design-system/form-text-area-helpers-16cdf412.js}

@@ -1,4 +1,4 @@
-import { a7 as getUserDisplayName, y as getCssColor, di as getRange } from './index-17bee8f0.js';
+import { a7 as getUserDisplayName, y as getCssColor, di as getRange } from './index-1a55b25d.js';
 import { T as inRange } from './lodash-9d33f885.js';
 
 /**

package/dist/design-system/{grid-renderers-882734d0.js → grid-renderers-c8bb36c0.js}

@@ -1,9 +1,9 @@
-import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-e36bdc70.js';
-import { y as getCssColor, T as translateMulti, t as translate, bg as getContrastColor, dP as groupsResolver, dQ as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bI as dateParse, ak as dispatchCustomEvent, bz as dateDiff, dR as toHours, dS as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-17bee8f0.js';
+import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-daddf2c7.js';
+import { y as getCssColor, T as translateMulti, t as translate, bg as getContrastColor, dP as groupsResolver, dQ as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bI as dateParse, ak as dispatchCustomEvent, bz as dateDiff, dR as toHours, dS as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-1a55b25d.js';
 import { a2 as findKey, a as isArray, i as isFunction, l as isNumber, c as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, e as map, r as round } from './lodash-9d33f885.js';
-import { d as getWorkflowStepBadge } from './missions-helpers-878ad9ca.js';
-import { d as dateRangeState } from './common-helpers-36a6bd54.js';
-import { g as getJSONHighlighted } from './form-helpers-1ccb585a.js';
+import { d as getWorkflowStepBadge } from './missions-helpers-58d40724.js';
+import { d as dateRangeState } from './common-helpers-c2053ae8.js';
+import { g as getJSONHighlighted } from './form-helpers-f16ce311.js';
 import { f as formatDistance } from './geolocation-helpers-e9cf51ae.js';
 
 const countryFlag = (country) => {
@@ -368,15 +368,19 @@ function aclRoleRenderer(params) {
 function tagsRenderer(params) {
   let retVal = compact([].concat(params.value || []));
   retVal = retVal.map((value) => {
+    var _a;
     if (!isString(value)) {
       value = value.tag;
     }
+    if ((_a = params) === null || _a === void 0 ? void 0 : _a.translate) {
+      value = 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';
@@ -732,7 +736,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/{esm/gridstack-dd-native-a68cfca4.js → design-system/gridstack-dd-native-09690dbe.js}

@@ -3,7 +3,7 @@ import { a as createCommonjsModule, g as getDefaultExportFromCjs, c as commonjsG
 var ddManager = 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 });
@@ -19,8 +19,8 @@ const ddManager$1 = /*@__PURE__*/getDefaultExportFromCjs(ddManager);
 var ddResizableHandle = 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;
@@ -106,8 +106,8 @@ const ddResizableHandle$1 = /*@__PURE__*/getDefaultExportFromCjs(ddResizableHand
 var ddBaseImpl = 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;
@@ -151,7 +151,7 @@ var ddUtils = 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 {
@@ -248,7 +248,7 @@ const ddUtils$1 = /*@__PURE__*/getDefaultExportFromCjs(ddUtils);
 var utils = 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 });
@@ -464,21 +464,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 */
@@ -660,8 +660,8 @@ const utils$1 = /*@__PURE__*/getDefaultExportFromCjs(utils);
 var ddResizable = 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;
@@ -944,8 +944,8 @@ const ddResizable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddResizable);
 var ddDraggable = 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;
@@ -1138,19 +1138,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;
@@ -1243,7 +1240,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
@@ -1254,8 +1251,8 @@ const ddDraggable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddDraggable);
 var ddDroppable = 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;
@@ -1427,7 +1424,7 @@ const ddDroppable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddDroppable);
 var ddElement = 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 });
@@ -1527,7 +1524,7 @@ const ddElement$1 = /*@__PURE__*/getDefaultExportFromCjs(ddElement);
 var gridstackDdi = 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 });
@@ -1560,8 +1557,8 @@ const gridstackDdi$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackDdi);
 var gridstackEngine = 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;
@@ -1577,10 +1574,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)
@@ -1588,8 +1585,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)
@@ -1607,7 +1603,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;
@@ -1781,7 +1777,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 => {
@@ -1804,8 +1800,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;
     }
@@ -1814,7 +1810,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 => {
@@ -1965,6 +1961,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) {
@@ -1972,13 +1969,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 */
@@ -2023,7 +2019,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);
@@ -2062,7 +2058,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;
@@ -2082,7 +2078,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)
@@ -2100,17 +2096,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)
@@ -2153,7 +2146,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)
@@ -2200,13 +2193,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
@@ -2257,7 +2245,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);
@@ -2478,7 +2466,7 @@ const gridstackEngine$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackEngine);
 var types = 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 });
@@ -2502,10 +2490,10 @@ var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m
 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
  */
 
@@ -2531,7 +2519,7 @@ const GridDefaults = {
     cellHeightThrottle: 100,
     margin: 10,
     auto: true,
-    minWidth: 768,
+    oneColumnSize: 768,
     float: false,
     staticGrid: false,
     animate: true,
@@ -2590,6 +2578,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),
@@ -2606,9 +2601,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;
         }
@@ -2641,7 +2636,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,
@@ -2775,6 +2771,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) {
@@ -3468,7 +3471,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;
     }
@@ -3752,7 +3755,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) {
@@ -3808,7 +3811,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')
@@ -3952,7 +3955,7 @@ const gridstack$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstack);
 var gridstackDd = 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 });
@@ -4608,8 +4611,8 @@ const gridstackDd$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackDd);
 var gridstackDdNative = 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 = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/design-system/{incentive-helpers-a8245d59.js → incentive-helpers-61bea5b3.js}

@@ -1,5 +1,5 @@
-import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-e36bdc70.js';
-import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './index-17bee8f0.js';
+import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-daddf2c7.js';
+import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './index-1a55b25d.js';
 import { r as round } from './lodash-9d33f885.js';
 
 /**

package/dist/design-system/{index-bd6a3f7d.js → index-032d9227.js}

@@ -1,6 +1,6 @@
-import { aI as getUUID, aJ as Draggable, T as translateMulti, aK as gsapTo, aL as gsapSet, aM as gsapFromTo } from './index-17bee8f0.js';
+import { aI as getUUID, aJ as Draggable, T as translateMulti, aK as gsapTo, aL as gsapSet, aM as gsapFromTo } from './index-1a55b25d.js';
 import { x as isEqual } from './lodash-9d33f885.js';
-import { h as hasDuplicates, a as getNewValue, g as getDeletedValues } from './draggable-tags-helpers-8c63aecd.js';
+import { h as hasDuplicates, a as getNewValue, g as getDeletedValues } from './draggable-tags-helpers-38c8d41a.js';
 
 class Dropzone {
   constructor(config, element, index) {

package/dist/design-system/{index-17bee8f0.js → index-1a55b25d.js}

@@ -1,6 +1,6 @@
 import { i as isFunction$3, g as global$2, u as uniq, c as compact, m as maxBy, a as isArray$4, f as flatMap$1, b as concat$3, d as isPlainObject, k as keys, e as map$2, h as union, j as camelCase, r as round, l as isNumber$1, o as orderBy, n as capitalize, p as isString$3, q as clone, s as isObject$1, t as isDate$1, v as isEmpty$1, w as intersection, x as isEqual, y as sortBy, z as cloneDeep, A as get$2, B as isNull, C as isUndefined, D as indexOf$1, E as isBoolean$1, F as isNil, G as omit, H as pick, I as includes, J as reduce$1, K as last$2, L as size, M as isFinite$1 } from './lodash-9d33f885.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs, b as getAugmentedNamespace, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
-import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, G as GENERAL_TRANSLATABLE_ATTRIBUTES, T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, f as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as AVAILABLE_LANGUAGES, h as IncentiveStatus, i as IncentiveType, j as TWaitlistMessageState, k as TWaitlistMessageType, l as CHART_TYPES } from './index-e36bdc70.js';
+import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, G as GENERAL_TRANSLATABLE_ATTRIBUTES, T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, f as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as AVAILABLE_LANGUAGES, h as IncentiveStatus, i as IncentiveType, j as TWaitlistMessageState, k as TWaitlistMessageType, l as CHART_TYPES } from './index-daddf2c7.js';
 
 /*
  * anime.js v3.2.1
@@ -24404,7 +24404,7 @@ const Keyboard = registerPlugin('Keyboard');
 /// <reference types="@capacitor/cli" />
 
 const SplashScreen = registerPlugin('SplashScreen', {
-    web: () => import('./web-34bac1f4.js').then(m => new m.SplashScreenWeb()),
+    web: () => import('./web-a45985c1.js').then(m => new m.SplashScreenWeb()),
 });
 
 var Style;