advaisor-chatbot 1.2.0 → 1.3.0

package/dist/testchatbot.js

@@ -1443,10 +1443,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           border-radius: 12px;
           width: 400px;
           max-width: 90vw;
-          height: 600px;
+          height: 85vh;
           overflow: hidden;
-          min-width: 280px;
-          min-height: 350px;
+          min-width: min(300px, 85vw);
+          min-height: min(450px, 85vw);
           transition: width 0.2s ease, height 0.2s ease;
         }
 
@@ -1570,6 +1570,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         .header {
           cursor: move;
           user-select: none;
+          touch-action: none;
         }
 
         .history-btn {
@@ -1746,30 +1747,50 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       let isDragging = false;
       let offsetX = 0;
       let offsetY = 0;
-      header.addEventListener("mousedown", (e) => {
+      function getEventPosition(e) {
+        if (e.touches && e.touches.length > 0) {
+          return {
+            x: e.touches[0].clientX,
+            y: e.touches[0].clientY
+          };
+        }
+        return {
+          x: e.clientX,
+          y: e.clientY
+        };
+      }
+      function startDrag(e) {
         isDragging = true;
+        const pos = getEventPosition(e);
         const rect = windowEl.getBoundingClientRect();
-        offsetX = e.clientX - rect.left;
-        offsetY = e.clientY - rect.top;
+        offsetX = pos.x - rect.left;
+        offsetY = pos.y - rect.top;
         windowEl.style.right = "auto";
         windowEl.style.bottom = "auto";
         windowEl.style.left = rect.left + "px";
         windowEl.style.top = rect.top + "px";
-      });
-      document.addEventListener("mousemove", (e) => {
+      }
+      header.addEventListener("mousedown", startDrag);
+      header.addEventListener("touchstart", startDrag);
+      function onDrag(e) {
         if (!isDragging) return;
-        let x2 = e.clientX - offsetX;
-        let y2 = e.clientY - offsetY;
+        const pos = getEventPosition(e);
+        let x2 = pos.x - offsetX;
+        let y2 = pos.y - offsetY;
         const maxX = window.innerWidth - windowEl.offsetWidth;
         const maxY = window.innerHeight - windowEl.offsetHeight;
         x2 = Math.max(0, Math.min(x2, maxX));
         y2 = Math.max(0, Math.min(y2, maxY));
         windowEl.style.left = x2 + "px";
         windowEl.style.top = y2 + "px";
-      });
-      document.addEventListener("mouseup", () => {
+      }
+      document.addEventListener("mousemove", onDrag);
+      document.addEventListener("touchmove", onDrag);
+      function stopDrag() {
         isDragging = false;
-      });
+      }
+      document.addEventListener("mouseup", stopDrag);
+      document.addEventListener("touchend", stopDrag);
       windowEl.addEventListener("click", (e) => {
         const sidebar2 = this.shadowRoot.getElementById("sidebar");
         const historyBtn2 = this.shadowRoot.getElementById("history");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "advaisor-chatbot",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Embeddable chatbot component",
   "main": "dist/testchatbot.js",
   "scripts": {