gridstack 8.1.0 → 8.1.2

package/dist/gridstack.d.ts

@@ -1,5 +1,5 @@
 /*!
- * GridStack 8.1.0
+ * GridStack 8.1.2
  * https://gridstackjs.com/
  *
  * Copyright (c) 2021-2022 Alain Dumesny

package/dist/gridstack.js

@@ -1,5 +1,5 @@
 /*!
- * GridStack 8.1.0
+ * GridStack 8.1.2
  * https://gridstackjs.com/
  *
  * Copyright (c) 2021-2022 Alain Dumesny
@@ -230,7 +230,7 @@ class GridStack {
         if (this.opts.alwaysShowResizeHandle === 'mobile') {
             this.opts.alwaysShowResizeHandle = isTouch;
         }
-        this._styleSheetClass = 'grid-stack-instance-' + GridStackEngine._idSeq++;
+        this._styleSheetClass = 'gs-id-' + GridStackEngine._idSeq++;
         this.el.classList.add(this._styleSheetClass);
         this._setStaticClass();
         let engineClass = this.opts.engineClass || GridStack.engineClass || GridStackEngine;
@@ -271,7 +271,7 @@ class GridStack {
         }
         this.setAnimation(this.opts.animate);
         this._updateStyles();
-        this.el.classList.add('grid-stack-' + this.opts.column);
+        this.el.classList.add('gs-' + this.opts.column);
         // dynamic grids require pausing during drag to detect over to nest vs push
         if (this.opts.subGridDynamic && !DDManager.pauseDrag)
             DDManager.pauseDrag = true;
@@ -713,8 +713,8 @@ class GridStack {
         else {
             delete this._prevColumn;
         }
-        this.el.classList.remove('grid-stack-' + oldColumn);
-        this.el.classList.add('grid-stack-' + column);
+        this.el.classList.remove('gs-' + oldColumn);
+        this.el.classList.add('gs-' + column);
         this.opts.column = this.engine.column = column;
         // update the items now - see if the dom order nodes should be passed instead (else default to current list)
         let domNodes;
@@ -1199,7 +1199,7 @@ class GridStack {
                 return this;
             this._styles._max = 0;
             // these are done once only
-            Utils.addCSSRule(this._styles, prefix, `min-height: ${cellHeight}${cellHeightUnit}`);
+            Utils.addCSSRule(this._styles, prefix, `height: ${cellHeight}${cellHeightUnit}`);
             // content margins
             let top = this.opts.marginTop + this.opts.marginUnit;
             let bottom = this.opts.marginBottom + this.opts.marginUnit;
@@ -1222,9 +1222,8 @@ class GridStack {
         if (maxH > this._styles._max) {
             let getHeight = (rows) => (cellHeight * rows) + cellHeightUnit;
             for (let i = this._styles._max + 1; i <= maxH; i++) { // start at 1
-                let h = getHeight(i);
-                Utils.addCSSRule(this._styles, `${prefix}[gs-y="${i - 1}"]`, `top: ${getHeight(i - 1)}`); // start at 0
-                Utils.addCSSRule(this._styles, `${prefix}[gs-h="${i}"]`, `height: ${h}`);
+                Utils.addCSSRule(this._styles, `${prefix}[gs-y="${i}"]`, `top: ${getHeight(i)}`);
+                Utils.addCSSRule(this._styles, `${prefix}[gs-h="${i + 1}"]`, `height: ${getHeight(i + 1)}`); // start at 2
             }
             this._styles._max = maxH;
         }
@@ -2142,6 +2141,6 @@ class GridStack {
 GridStack.Utils = Utils;
 /** scoping so users can call new GridStack.Engine(12) for example */
 GridStack.Engine = GridStackEngine;
-GridStack.GDRev = '8.1.0';
+GridStack.GDRev = '8.1.2';
 export { GridStack };
 //# sourceMappingURL=gridstack.js.map