jekyll-image-links 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19b54b99566ef68cb4781a9ac97bbf0244aecdc8df97de25842b379916d5ffb6
-  data.tar.gz: f8398c0bbfabd847e30639200b95b11bccee7e205938f440eb0d96a1b6da83ab
+  metadata.gz: 8c93aabbb9cd425deaacd65bb022a89262b8799957d6817e58cd1a3ada3d640c
+  data.tar.gz: fe69971d43751442a622ed8571760f0ed5ebce7f74aca6bfa13942e9ec6b4521
 SHA512:
-  metadata.gz: 67dc7db67ce397dd3c9df03c8c84681a7fb60731a717520e5d30d6b5c57ab3a8f3be1fbdddcd564ccecad632941982d4d7311e79a67487b4f72020b9fa7025d2
-  data.tar.gz: 84f6ddb951f954fcf32d8af81fcef097104c16d987824abc95766654e64d9895f4728669c321cfb2f9de250d601b3ff86d1e1e9f8c87a18dc5753fc9b23d6559
+  metadata.gz: 6e741d3e37b158ee40f071ea3fe8a833427e4a7321df076e3ecedb68ed6b67e48449be4764c105179364dc15c0c6465617bbbaedf123d8dc3e54e5bd6959196a
+  data.tar.gz: a74db4de8774eea228b99baca8a3d237807bd7167aa5c1e242798a6c9ec693e29905eba853563c2711c09ed78f3d15bcb97673abe1e2dc3e86306849003214fb

data/assets/jekyll-image-links/image_links.js

@@ -248,7 +248,21 @@
     });
     zoomFit.addEventListener("click", fitZoom);
 
+    let dragStart = null;
+    let didPan = false;
+
+    const cursorForPoint = (event) => {
+      const point = canvasPointFromEvent(canvas, state.zoom, event);
+      const region = firstIntersectedRegion(mapData.regions, point);
+      return region ? "pointer" : "grab";
+    };
+
     canvas.addEventListener("click", (event) => {
+      if (didPan) {
+        didPan = false;
+        event.preventDefault();
+        return;
+      }
       const point = canvasPointFromEvent(canvas, state.zoom, event);
       const region = firstIntersectedRegion(mapData.regions, point);
       if (!region) return;
@@ -257,15 +271,21 @@
     });
 
     canvas.addEventListener("mousemove", (event) => {
-      const point = canvasPointFromEvent(canvas, state.zoom, event);
-      const region = firstIntersectedRegion(mapData.regions, point);
-      canvas.style.cursor = region ? "pointer" : "grab";
+      if (dragStart) return;
+      canvas.style.cursor = cursorForPoint(event);
     });
 
-    let dragStart = null;
     canvas.addEventListener("mousedown", (event) => {
-      if (event.button !== 2) return;
+      // Left-drag empty areas to pan; right-drag pans from anywhere.
+      if (event.button === 0) {
+        const point = canvasPointFromEvent(canvas, state.zoom, event);
+        if (firstIntersectedRegion(mapData.regions, point)) return;
+      } else if (event.button !== 2) {
+        return;
+      }
+
       event.preventDefault();
+      didPan = false;
       dragStart = {
         x: event.clientX,
         y: event.clientY,
@@ -275,15 +295,25 @@
       canvas.style.cursor = "grabbing";
     });
 
-    window.addEventListener("mouseup", () => {
+    window.addEventListener("mouseup", (event) => {
+      if (!dragStart) return;
       dragStart = null;
-      canvas.style.cursor = "grab";
+      canvas.style.cursor = cursorForPoint(event);
+      // Clear after the trailing click so a pan doesn't open a region.
+      if (didPan) {
+        setTimeout(() => {
+          didPan = false;
+        }, 0);
+      }
     });
 
     window.addEventListener("mousemove", (event) => {
       if (!dragStart) return;
-      scroll.scrollLeft = dragStart.scrollLeft + (dragStart.x - event.clientX);
-      scroll.scrollTop = dragStart.scrollTop + (dragStart.y - event.clientY);
+      const dx = dragStart.x - event.clientX;
+      const dy = dragStart.y - event.clientY;
+      if (Math.abs(dx) > 2 || Math.abs(dy) > 2) didPan = true;
+      scroll.scrollLeft = dragStart.scrollLeft + dx;
+      scroll.scrollTop = dragStart.scrollTop + dy;
     });
 
     canvas.addEventListener("contextmenu", (event) => event.preventDefault());

data/lib/jekyll/image_links/version.rb

@@ -1,5 +1,5 @@
 module Jekyll
   module ImageLinks
-    VERSION = "0.1.2"
+    VERSION = "0.2.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-image-links
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - directsun