edododraw 0.1.1 → 0.1.3

package/dist-lib/chunks/{EdodoDraw-DGkcHuA6.js → EdodoDraw-BCfKu4Q3.js}

@@ -3067,9 +3067,7 @@ class CameraController {
   };
   /** Duration heuristic: further travel + bigger zoom change => longer. */
   autoDuration(from, to) {
-    const dist2 = Math.hypot(to.cx - from.cx, to.cy - from.cy) * Math.min(from.zoom, to.zoom);
-    const zoomRatio = Math.abs(Math.log(to.zoom / from.zoom));
-    return clamp(420 + dist2 * 0.12 + zoomRatio * 320, 420, 1300);
+    return autoDuration(from, to);
   }
   // ---- high-level ops -----------------------------------------------------
   fitAll(scene, opts = {}) {
@@ -3109,6 +3107,11 @@ class CameraController {
     this.setImmediate({ cx: cam.cx - dx / cam.zoom, cy: cam.cy - dy / cam.zoom, zoom: cam.zoom });
   }
 }
+function autoDuration(from, to) {
+  const dist2 = Math.hypot(to.cx - from.cx, to.cy - from.cy) * Math.min(from.zoom, to.zoom);
+  const zoomRatio = Math.abs(Math.log(to.zoom / from.zoom));
+  return clamp(420 + dist2 * 0.12 + zoomRatio * 320, 420, 1300);
+}
 function lerp(a, b, t) {
   return a + (b - a) * t;
 }
@@ -4276,8 +4279,30 @@ function applyRevealToStep(c, scene, step) {
   const ids = c.targets.flatMap((t) => resolveTargetIds(t, scene));
   if (c.verb === "hide" || c.verb === "fade-out" || c.verb === "remove") {
     step.hide.push(...ids);
-  } else {
-    step.reveal.push(...ids);
+    return;
+  }
+  step.reveal.push(...ids);
+  const effect = revealEffect(c.with ?? (c.verb !== "show" ? c.verb : void 0));
+  if (effect) {
+    step.revealFx = step.revealFx ?? {};
+    for (const id of ids) step.revealFx[id] = effect;
+  }
+}
+function revealEffect(raw) {
+  switch (raw) {
+    case "fade-in":
+    case "fade":
+      return "fade";
+    case "pop":
+    case "pop-in":
+    case "emphasize":
+      return "pop";
+    case "draw-on":
+    case "draw":
+    case "sweep":
+      return "sweep";
+    default:
+      return void 0;
   }
 }
 function cameraDirective(cam, scene, _tokens, timelineProps) {
@@ -5149,6 +5174,11 @@ function ensureEngineStyles(doc = document) {
   injected = true;
 }
 const SVG_NS = "http://www.w3.org/2000/svg";
+const REVEAL_EFFECT_CLASS = {
+  fade: "edd-reveal-fade",
+  pop: "edd-reveal-pop",
+  sweep: "edd-reveal-sweep"
+};
 class SvgRenderer {
   container;
   svg;
@@ -5268,6 +5298,23 @@ class SvgRenderer {
       else el.classList.remove("edd-hidden");
     });
   }
+  /**
+   * Play a per-beat reveal animation (`fade` | `pop` | `sweep`) on the named
+   * element groups. Clears any prior reveal classes first and forces a reflow so
+   * re-entering the same beat restarts the animation. `fx` = id -> effect.
+   */
+  playReveal(fx) {
+    const classes = ["edd-reveal-fade", "edd-reveal-pop", "edd-reveal-sweep"];
+    const els = this.svg.querySelectorAll("[data-node],[data-edge]");
+    els.forEach((el) => el.classList.remove(...classes));
+    if (!fx || !Object.keys(fx).length) return;
+    void this.svg.getBoundingClientRect();
+    els.forEach((el) => {
+      const id = el.getAttribute("data-node") ?? el.getAttribute("data-edge");
+      const cls = id ? REVEAL_EFFECT_CLASS[fx[id]] : void 0;
+      if (cls) el.classList.add(cls);
+    });
+  }
   render(scene) {
     this.scene = scene;
     this.bg.setAttribute("fill", scene.meta.background || scene.theme.background);
@@ -5435,6 +5482,7 @@ class TimelinePlayer {
     const step = this.steps[i];
     const scene = this.scene;
     this.renderer.applyVisibility(this.computeHidden(i));
+    if (animate) this.renderer.playReveal(step.revealFx);
     this.annotations.render(scene, [...scene.annotations, ...step.annotations], animate);
     this.emit();
     if (step.camera) {
@@ -5858,6 +5906,8 @@ class EdodoDraw {
     this.renderer.measure();
     this.renderer.applyCamera(this.renderer.getCamera());
     this.updateGrid(this.controller.current);
+    this.edit.render();
+    this.live.render();
   }
   destroy() {
     for (const fn of this.cleanup) fn();
@@ -5948,8 +5998,9 @@ class EdodoDraw {
       this.edit.dblclick(this.renderer.screenToWorld(this.localPoint(e)));
     });
     const onKey = (e) => {
-      const tag = e.target?.tagName;
-      if (tag === "INPUT" || tag === "TEXTAREA") return;
+      const t = e.target;
+      const tag = t?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || t?.isContentEditable || t?.closest?.("[contenteditable='true'], .cm-editor")) return;
       if (this.mode === "edit" && this.edit.handleKey(e)) {
         e.preventDefault();
         return;
@@ -6116,4 +6167,4 @@ export {
   deleteElements as y,
   dist as z
 };
-//# sourceMappingURL=EdodoDraw-DGkcHuA6.js.map
+//# sourceMappingURL=EdodoDraw-BCfKu4Q3.js.map