@cocreate/resize 1.1.72 → 1.1.75

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [1.1.75](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.74...v1.1.75) (2022-06-12)
+
+
+### Bug Fixes
+
+* update dependencies ([ec46092](https://github.com/CoCreate-app/CoCreate-resize/commit/ec460926168a1eda3ce16048746af2686d88e105))
+* update docs css document_id ([173bda0](https://github.com/CoCreate-app/CoCreate-resize/commit/173bda0d16d435624093dc845bf246b2ed22be40))
+* update modal btn to actions ([b8b5acc](https://github.com/CoCreate-app/CoCreate-resize/commit/b8b5acc1e27a1b41238f9fc9fe4bafa400413da0))
+
+## [1.1.74](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.73...v1.1.74) (2022-06-08)
+
+
+### Bug Fixes
+
+* if detectGrid has no parent element return ([cb0a6fd](https://github.com/CoCreate-app/CoCreate-resize/commit/cb0a6fd7f9b45fdc66879ff6e2737d5363321eb3))
+
+## [1.1.73](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.72...v1.1.73) (2022-06-07)
+
+
+### Bug Fixes
+
+* left postion missing px when adding style ([b1019b7](https://github.com/CoCreate-app/CoCreate-resize/commit/b1019b7bd32c47c2537031ea284f69cb73442ea9))
+
 ## [1.1.72](https://github.com/CoCreate-app/CoCreate-resize/compare/v1.1.71...v1.1.72) (2022-05-23)
 
 

package/demo/dashboard.html

@@ -56,9 +56,9 @@
 			<ul class="display:inline-flex direction:rtl overflow:auto font-size:20px align-items:center list-style-type:none width:100% height:50px">
 
 				<!-- Modal Controls -->
-				<li class="margin-right:15px"><a class="btn-modal-close"><i class="fas fa-times"></i></a></li>
-				<li class="margin-right:15px"><a class="btn-modal-maximize"><i toggle="fa-window-restore, fa-window-maximize" class="far fa-window-maximize"></i></a></li>
-				<li class="margin-right:15px"><a class="btn-modal-minimize"><i class="far fa-window-minimize"></i></a></li>
+				<li class="margin-right:15px"><a actions="closeModal"><i class="fas fa-times"></i></a></li>
+				<li class="margin-right:15px"><a actions="minMaxModal"><i toggle="fa-window-restore, fa-window-maximize" class="far fa-window-maximize"></i></a></li>
+				<li class="margin-right:15px"><a actions="parkModal"><i class="far fa-window-minimize"></i></a></li>
 
 				<!-- fullscreen toogle and icon transform-->
 				<li class="margin-right:15px"><a fullscreen><i toggle="fa-compress, fa-expand" class="fas fa-expand"></i></a></li>
@@ -90,7 +90,7 @@
 
 				<!-- deleteDocument-->
 				<li class="margin-right:15px">
-					<a actions="deleteDocument" collection="" document_id="" pass_id="form-fields" class="btn-modal-close">
+					<a actions="deleteDocument, closeModal" collection="" document_id="" pass_id="form-fields">
                         <i class="far fa-trash-alt"></i>
                     </a>
 				</li>

package/docs/index.html

@@ -12,7 +12,7 @@
     <meta name="robots" content="index,follow" />
     <meta property="og:image" content="https://cdn.cocreate.app/docs/resize.png">
 
-    <link rel="stylesheet" href="/docs/index.css" collection="files" document_id="62827d7e8082ce05b081430b" name="src" type="text/css" save="true" />
+    <link rel="stylesheet" href="/docs/index.css" collection="files" document_id="60888216117c640e7596303f" name="src" type="text/css" save="true" />
 </head>
 
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/resize",
-  "version": "1.1.72",
+  "version": "1.1.75",
   "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.1",
-    "@cocreate/observer": "^1.5.1"
+    "@cocreate/docs": "^1.3.2",
+    "@cocreate/observer": "^1.5.2"
   }
 }

package/src/index.js

@@ -49,6 +49,7 @@ CoCreateResize.prototype = {
             this.Drags = [];
             
             //this is for grid
+            this.isGrid = this.detectGrid();
             this.gridWidth = 0;
             this.gridHeight = 0;
             // this.missingWidth = 0;
@@ -246,14 +247,16 @@ CoCreateResize.prototype = {
         if (e.touches)
             e = e.touches[0];
         left = this.startLeft + e.clientX - this.startX;
+        console.log('left', left)
         width = this.startWidth - e.clientX + this.startX;
 
         if (width < 10)
             return;
-        // this.resizeWidget.style.left = left + 'px';
-        let compStyles = window.getComputedStyle(this.resizeWidget);
-        this.resizeWidget.style.right = compStyles.right;
-        this.resizeWidget.style.left = null;
+        if (!this.isGrid)
+            this.resizeWidget.style.left = left + 'px';
+        // let compStyles = window.getComputedStyle(this.resizeWidget);
+        // this.resizeWidget.style.right = compStyles.right;
+        // this.resizeWidget.style.left = null;
         this.resizeWidget.style.width = width + 'px';
 
         this.setColumnEnd(width);
@@ -277,8 +280,13 @@ CoCreateResize.prototype = {
     },
 
     detectGrid: function() {
-        let compStyles = window.getComputedStyle(this.resizeWidget.parentNode);
-        return (compStyles.display === 'grid') ? true : false;
+        let isGrid = false;
+        if (this.resizeWidget.parentNode) {
+            let compStyles = window.getComputedStyle(this.resizeWidget.parentNode);
+            isGrid = (compStyles.display === 'grid');
+        }
+        this.isGrid = isGrid;
+        return isGrid;
     },
 
     stopDrag: function(e) {
@@ -334,7 +342,6 @@ CoCreateResize.prototype = {
         this.initDrags['left'] = this.initLeftDrag.bind(this);
         this.initDrags['bottom'] = this.initBottomDrag.bind(this);
         this.initDrags['right'] = this.initRightDrag.bind(this);
-
     },
 
     getDistance: function(elem, flag) {