@mapomodule/utils 1.0.0-alpha.10 → 1.0.0-alpha.13

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.13](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-03-01)
+
+
+### Features
+
+* make all modals draggable 🛸 ([57da10d](https://github.com/lotrekagency/mapo/commit/57da10d17aa31d58e55fda5385d45d43beed8c4f))
+
+
+
+
+
 # [1.0.0-alpha.10](https://github.com/lotrekagency/mapo/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-02-11)
 
 

package/index.js

@@ -2,10 +2,12 @@ const auth = require('./helpers/auth');
 const debounce = require('./helpers/debounce');
 const formatters = require('./helpers/formatters');
 const objHelpers = require('./helpers/objHelpers');
+const VDraggableModals = require('./plugins/v-draggable-modals');
 
 module.exports = {
     auth,
     debounce,
     formatters,
-    objHelpers
+    objHelpers,
+    VDraggableModals,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapomodule/utils",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.13",
   "license": "MIT",
   "description": "This is part of Mapo nuxt module. Provides a set of utils for the project.",
   "author": "bnznamco <gabriele.baldi.01@gmail.com>",
@@ -12,5 +12,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "283cad977741523d3a0c300ce08edf1a6855e11c"
+  "gitHead": "b0fac0f5ebde4c65cc5347dbb841392dc04ef5e8"
 }

package/plugins/v-draggable-modals.js

@@ -0,0 +1,39 @@
+module.exports = function () {
+    const d = {};
+    document.addEventListener("mousedown", e => {
+        const closestDialog = e.target.closest(".v-dialog.v-dialog--active");
+        if (e.button === 0 && closestDialog != null && e.target.classList.contains("v-card__title")) {
+            d.el = closestDialog;
+            d.mouseStartX = e.clientX;
+            d.mouseStartY = e.clientY;
+            d.elStartX = d.el.getBoundingClientRect().left;
+            d.elStartY = d.el.getBoundingClientRect().top;
+            d.el.style.position = "fixed";
+            d.el.style.margin = 0;
+            d.oldTransition = d.el.style.transition;
+            d.el.style.transition = "none"
+        }
+    });
+    document.addEventListener("mousemove", e => {
+        if (d.el === undefined) return;
+        d.el.style.left = Math.min(
+            Math.max(d.elStartX + e.clientX - d.mouseStartX, 0),
+            window.innerWidth - d.el.getBoundingClientRect().width
+        ) + "px";
+        d.el.style.top = Math.min(
+            Math.max(d.elStartY + e.clientY - d.mouseStartY, 0),
+            window.innerHeight - d.el.getBoundingClientRect().height
+        ) + "px";
+    });
+    document.addEventListener("mouseup", () => {
+        if (d.el === undefined) return;
+        d.el.style.transition = d.oldTransition;
+        d.el = undefined
+    });
+    setInterval(() => {
+        const dialog = document.querySelector(".v-dialog.v-dialog--active");
+        if (dialog === null) return;
+        dialog.style.left = Math.min(parseInt(dialog.style.left), window.innerWidth - dialog.getBoundingClientRect().width) + "px";
+        dialog.style.top = Math.min(parseInt(dialog.style.top), window.innerHeight - dialog.getBoundingClientRect().height) + "px";
+    }, 100);
+}