@dineug/erd-editor 5.0.0 → 5.0.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 SeungHwan-Lee <dineug2@gmail.com>
+Copyright (c) 2019-present SeungHwan-Lee
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/components/erd/canvas/stagePressScope.d.ts

@@ -1,6 +1,6 @@
 import { Stage } from 'konva/lib/Stage';
 /**
- * Forgets the shapes a stage was last pressed and lifted on as a press starts
+ * Forgets the shapes a stage was last pressed and lifted on after a press starts
  * anywhere else, so a click and a double click need their presses on this one:
  * konva arms both on every stage of its copy, wherever the press landed.
  *

package/dist/components/erd/canvas/stagePressScope.js

@@ -1,22 +1,49 @@
 //#region src/components/erd/canvas/stagePressScope.ts
-var KIND_OF = {
-	mousedown: "mouse",
-	pointerdown: "pointer",
-	touchstart: "touch"
-};
+var PRESSES = [
+	[
+		"mousedown",
+		"mouseup",
+		"mouse"
+	],
+	[
+		"pointerdown",
+		"pointerup",
+		"pointer"
+	],
+	[
+		"touchstart",
+		"touchend",
+		"touch"
+	]
+];
+function listen(target, type, listener) {
+	target.addEventListener(type, listener, {
+		capture: true,
+		passive: true
+	});
+	return () => target.removeEventListener(type, listener, { capture: true });
+}
 function scopeClicksToStage(stage) {
-	const view = stage.content.ownerDocument.defaultView ?? window;
-	const removes = Object.entries(KIND_OF).map(([type, kind]) => {
-		const forget = (event) => {
-			if (event.composedPath().includes(stage.content)) return;
+	const { content } = stage;
+	const view = content.ownerDocument.defaultView ?? window;
+	const removes = PRESSES.flatMap(([press, lift, kind]) => {
+		let elsewhere = false;
+		const forget = () => {
 			Reflect.set(stage, `${kind}ClickStartShape`, void 0);
 			Reflect.set(stage, `${kind}ClickEndShape`, void 0);
 		};
-		view.addEventListener(type, forget, {
-			capture: true,
-			passive: true
-		});
-		return () => view.removeEventListener(type, forget, { capture: true });
+		return [
+			listen(view, press, () => {
+				if (elsewhere) forget();
+				elsewhere = true;
+			}),
+			listen(content, press, () => {
+				elsewhere = false;
+			}),
+			listen(content, lift, () => {
+				if (elsewhere) forget();
+			})
+		];
 	});
 	return () => removes.forEach((remove) => remove());
 }