@yoobic/yobi 8.2.0-4 → 8.2.0-40

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/{esm/incentive-helpers-ac1361bc.js → design-system/incentive-helpers-ad33cd12.js}

@@ -1,6 +1,6 @@
-import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-93c86f26.js';
-import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './index-504f216f.js';
-import { r as round } from './lodash-494e728c.js';
+import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-da54e081.js';
+import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './index-0f847c4c.js';
+import { r as round } from './lodash-b0ad17f3.js';
 
 /**
  * @function getIncentiveStatusBadgeSettings
@@ -20,11 +20,9 @@ function getIncentiveStatusBadgeSettings(incentive) {
  * @param {IIncentiveParticipantScore} score
  * @return {string} Name of position
  */
-function getPositionText(score) {
-  if (!(score === null || score === void 0 ? void 0 : score.position)) {
+function getPositionText(position) {
+  if (!position)
     return '';
-  }
-  const position = score.position;
   let numSuffix = 'THSUFFIX';
   if (position % 10 === 1) {
     numSuffix = 'STSUFFIX';