From 2919627c1e8fefb1c9bbd4034419b4fd2b117b9e Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Wed, 19 Mar 2025 11:22:22 -0700
Subject: WIP: add callback param
---
src/modules/with-restore.js | 8 ++++----
src/modules/zoom.js | 13 +++++++++++--
2 files changed, 15 insertions(+), 6 deletions(-)
(limited to 'src/modules')
diff --git a/src/modules/with-restore.js b/src/modules/with-restore.js
index cfe94f7..8614a18 100644
--- a/src/modules/with-restore.js
+++ b/src/modules/with-restore.js
@@ -10,8 +10,8 @@ function restorePanZoomVal(el) {
if (storedPanZoomVal) el.style.transform = storedPanZoomVal;
}
-function addEventListeners(svg, el) {
- svg.addEventListener("wheel", zoom(el, zoomFactor), { passive: false });
+function addEventListeners(svg, el, postZoom) {
+ svg.addEventListener("wheel", zoom(el, zoomFactor, postZoom), { passive: false });
svg.addEventListener("pointerdown", pan(el), { passive: false });
}
@@ -27,10 +27,10 @@ function observePanZoomChanges(el) {
observer.observe(el, { attributeFilter: ["style"] });
}
-export function start(svg, selector) {
+export function start(svg, selector, postZoom) {
const targetEl = svg.querySelector(selector);
restorePanZoomVal(targetEl);
- addEventListeners(svg, targetEl);
+ addEventListeners(svg, targetEl, postZoom);
observePanZoomChanges(targetEl);
}
diff --git a/src/modules/zoom.js b/src/modules/zoom.js
index 69652c0..15e622e 100644
--- a/src/modules/zoom.js
+++ b/src/modules/zoom.js
@@ -29,9 +29,11 @@ function setTransform(el, computedMtx, translateMtx, scale) {
el.style.transform = transformMtx;
}
-const groups = getTracked(document.querySelectorAll('svg g[class] use'));
+let groups = [];
+
+export default function (el, factor = 0.1, cb) {
+ groups = getTracked(document.querySelectorAll('svg g[class] use'));
-export default function (el, factor = 0.1) {
return e => {
e.preventDefault();
@@ -40,5 +42,12 @@ export default function (el, factor = 0.1) {
const translateMtx = getTranslateMatrix(el, e.clientX, e.clientY);
setTransform(el, computedMtx, translateMtx, scale);
+
+ cb();
+ //groups.forEach(([z, p]) => {
+ // z.style.display = '';
+ // const { width } = z.getBoundingClientRect();
+ // width < 40 ? z.style.display = 'none' : z.style.display = '';
+ //});
}
}
--
cgit v1.2.3