@cocreate/resize 1.2.16 → 1.2.18

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.2.18](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.2.17...v1.2.18) (2022-11-23)
+
+
+### Bug Fixes
+
+* bumped [@cocreate](https://github.com/cocreate) dependencies ([7bfa206](https://github.com/CoCreate-app/CoCreate-resize/commit/7bfa2062018bee49e37ce7e371e50be5c8ef77cd))
+
+## [1.2.17](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.2.16...v1.2.17) (2022-11-22)
+
+
+### Bug Fixes
+
+* workflow docs ([445f06c](https://github.com/CoCreate-app/CoCreate-resize/commit/445f06c6f51ee708f2230b723f7a582c66a57ffb))
+
 ## [1.2.16](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.2.15...v1.2.16) (2022-11-22)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/resize",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "description": "A light weight resize handler make any element resizable by adding data attributes or usinng init object. Great for Customized text box or text area.",
   "keywords": [
     "resize",
@@ -60,7 +60,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.3.24",
-    "@cocreate/observer": "^1.5.22"
+    "@cocreate/docs": "^1.4.2",
+    "@cocreate/observer": "^1.5.25"
   }
 }

package/src/index.js

@@ -71,12 +71,12 @@ CoCreateResize.prototype = {
     },
 
     getGridProperty: function() {
-        if(!this.resizeWidget.parentNode) return;
+        if (!this.resizeWidget.parentNode) return;
         let compStyles = window.getComputedStyle(this.resizeWidget.parentNode);
         let gridColumns = compStyles.gridTemplateColumns;
         let height = compStyles.gridAutoRows;
         
-        if(gridColumns !== 'none') {
+        if (gridColumns !== 'none') {
             let width = gridColumns.split(' ');
             this.limitSpan = width.length;
             this.gridColumnGap = Number.parseInt(compStyles.gridColumnGap);
@@ -87,17 +87,17 @@ CoCreateResize.prototype = {
     },
 
     checkGridColumns: function() {
-        if(typeof this.resizeWidget !== 'undefined' && this.resizeWidget.parentNode)
+        if (typeof this.resizeWidget !== 'undefined' && this.resizeWidget.parentNode)
         {
             let compStylesOfParent = window.getComputedStyle(this.resizeWidget.parentNode);
             let spans = 0;
             let gridColumns = compStylesOfParent.gridTemplateColumns.split(' ');
             let temp = gridColumns[0];
             gridColumns.map(v => {
-                if(v == temp)   spans ++;
+                if (v == temp)   spans ++;
             });
             this.limitSpan = spans;
-            if(this.resizeWidget.style['grid-column-end'])
+            if (this.resizeWidget.style['grid-column-end'])
             {
                 let curClassAttributes = this.resizeWidget.getAttribute('class').split(' ');
                 let prevColumnState = curClassAttributes[curClassAttributes.length - 1].split('_');
@@ -106,8 +106,8 @@ CoCreateResize.prototype = {
                 let curSpan = Number.parseInt(curColumnState[1]);
                 
                 let span = 0;
-                if(this.limitSpan >= prevSpan)   span = prevSpan;
-                else if(prevSpan > this.limitSpan) span = this.limitSpan;
+                if (this.limitSpan >= prevSpan)   span = prevSpan;
+                else if (prevSpan > this.limitSpan) span = this.limitSpan;
                 else span = Math.min(curSpan, this.limitSpan);
 
                 this.resizeWidget.style['grid-column-end'] = 'span ' + span;
@@ -197,7 +197,7 @@ CoCreateResize.prototype = {
 
     //this is just for grid system
     setRowEnd: function(height) {
-        if(this.gridHeight) {
+        if (this.gridHeight) {
             this.heightSpan = Math.ceil((height - (this.heightSpan - 1) * this.gridRowGap) / this.gridHeight );
             this.resizeWidget.style['grid-row-end'] = 'span ' + this.heightSpan;
             this.collaborate({rowEnd: this.heightSpan})
@@ -242,7 +242,7 @@ CoCreateResize.prototype = {
 
     //this is just for grid system
     setColumnEnd: function(width) {
-        if(this.gridWidth) {
+        if (this.gridWidth) {
             let spans = Math.ceil((width - (this.widthSpan - 1) * this.gridColumnGap) / this.gridWidth);
             this.widthSpan = (spans > this.limitSpan) ? this.limitSpan : spans;
             this.resizeWidget.style['grid-column-end'] = 'span ' + this.widthSpan;
@@ -303,14 +303,14 @@ CoCreateResize.prototype = {
         }
 
         //this is just for grid system
-        if(this.detectGrid()) {
+        if (this.detectGrid()) {
             this.resizeWidget.style.width = null;
             this.resizeWidget.style.height = null;
             this.resizeWidget.style.left = null;
             this.resizeWidget.style.top = null;
 
-            if(this.widthSpan)  this.resizeWidget.setAttribute('class', this.originClassAttribute + ' grid-column-end:span_' + this.widthSpan);
-            if(this.heightSpan) this.resizeWidget.setAttribute('class', this.originClassAttribute + ' grid-row-end:span_' + this.heightSpan);
+            if (this.widthSpan)  this.resizeWidget.setAttribute('class', this.originClassAttribute + ' grid-column-end:span_' + this.widthSpan);
+            if (this.heightSpan) this.resizeWidget.setAttribute('class', this.originClassAttribute + ' grid-row-end:span_' + this.heightSpan);
         }
 
         DIRECTIONS.map(d => { this.removeListenerMulti(document.documentElement, EVENTS[0], this.doDrags[d]) });