@doenet/doenetml 0.6.0-alpha4 → 0.6.0-alpha5

package/dist/{orbitalDiagram-19b6f7cc.js → orbitalDiagram-4b563b6b.js}

@@ -1,40 +1,38 @@
-import { u as g, j as i, V as j } from "./index-1fe56d63.js";
-import f, { createRef as u, useEffect as D } from "react";
-import O from "styled-components";
-import "react-dom";
-const U = O.svg`
+import { u as g, j as i, V as j, s as u } from "./index-7912373f.js";
+import f, { createRef as D, useEffect as O } from "react";
+const U = u.svg`
   border: "2px solid red";
   margin: 2px;
   outline: none;
-`, T = f.memo(function(t) {
-  let { name: l, id: r, SVs: e, actions: n, callAction: s } = g(t), a = u(e.fixed);
+`, v = f.memo(function(t) {
+  let { name: l, id: s, SVs: e, actions: n, callAction: r } = g(t), a = D(e.fixed);
   a.current = e.fixed;
   let d = (o) => {
-    s({
+    r({
       action: n.recordVisibilityChange,
       args: { isVisible: o }
     });
   };
-  if (D(() => () => {
-    s({
+  if (O(() => () => {
+    r({
       action: n.recordVisibilityChange,
       args: { isVisible: !1 }
     });
   }, []), e.hidden || !e.value)
     return null;
   let x = [...e.value].reverse(), h = [];
-  for (let [o, p] of Object.entries(x)) {
-    let c = x.length - o - 1;
+  for (let [o, c] of Object.entries(x)) {
+    let p = x.length - o - 1;
     h.push(
       /* @__PURE__ */ i.jsx(
         R,
         {
-          rowNumber: c,
-          orbitalText: p.orbitalText,
-          boxes: p.boxes,
-          name: r
+          rowNumber: p,
+          orbitalText: c.orbitalText,
+          boxes: c.boxes,
+          name: s
         },
-        `OrbitalRow${c}`
+        `OrbitalRow${p}`
       )
     );
   }
@@ -42,7 +40,7 @@ const U = O.svg`
 }), R = f.memo(function({
   rowNumber: t,
   orbitalText: l,
-  boxes: r,
+  boxes: s,
   name: e
 }) {
   let n = {
@@ -54,11 +52,11 @@ const U = O.svg`
     marginBottom: "2px",
     padding: "2px",
     border: "white solid 2px"
-  }, s = [];
-  for (let [a, d] of Object.entries(r))
-    s.push(
+  }, r = [];
+  for (let [a, d] of Object.entries(s))
+    r.push(
       /* @__PURE__ */ i.jsx(
-        V,
+        W,
         {
           boxNum: a,
           rowNumber: t,
@@ -76,27 +74,27 @@ const U = O.svg`
       style: n,
       children: [
         /* @__PURE__ */ i.jsx(
-          m,
+          V,
           {
             orbitalText: l,
             rowNumber: t,
             name: e
           }
         ),
-        s
+        r
       ]
     },
     `OrbitalRow${t}`
   );
-}), m = f.memo(function({
+}), V = f.memo(function({
   rowNumber: t,
   orbitalText: l,
-  name: r
+  name: s
 }) {
   return /* @__PURE__ */ i.jsx(
     "div",
     {
-      id: `OrbitalText${t}${r}`,
+      id: `OrbitalText${t}${s}`,
       style: {
         marginRight: "4px",
         height: "14px",
@@ -108,10 +106,10 @@ const U = O.svg`
       children: l
     }
   );
-}), V = f.memo(function({
+}), W = f.memo(function({
   boxNum: t,
   arrows: l = "",
-  rowNumber: r,
+  rowNumber: s,
   name: e
 }) {
   const n = /* @__PURE__ */ i.jsx(
@@ -122,7 +120,7 @@ const U = O.svg`
       style: { fill: "none", stroke: "black", strokeWidth: "2" }
     },
     `orbitalboxfirstUp${t}`
-  ), s = /* @__PURE__ */ i.jsx(
+  ), r = /* @__PURE__ */ i.jsx(
     "polyline",
     {
       id: `firstDown${t}`,
@@ -163,15 +161,15 @@ const U = O.svg`
     },
     `orbitalboxthirdDown${t}`
   );
-  let o = [], [p, c, y] = l.split("");
-  p == "U" && o.push(n), p == "D" && o.push(s), c == "U" && o.push(a), c == "D" && o.push(d), y == "U" && o.push(x), y == "D" && o.push(h);
+  let o = [], [c, p, y] = l.split("");
+  c == "U" && o.push(n), c == "D" && o.push(r), p == "U" && o.push(a), p == "D" && o.push(d), y == "U" && o.push(x), y == "D" && o.push(h);
   let k = 40;
   y && (k = 56);
   let w = "black", $ = "2px";
   return /* @__PURE__ */ i.jsxs(
     U,
     {
-      id: `orbitalbox${e}${r}-${t}`,
+      id: `orbitalbox${e}${s}-${t}`,
       tabIndex: "-1",
       width: k,
       height: "40",
@@ -201,5 +199,5 @@ const U = O.svg`
   );
 });
 export {
-  T as default
+  v as default
 };

package/dist/{orbitalDiagramInput-3338fef1.js → orbitalDiagramInput-76732581.js}

@@ -1,15 +1,13 @@
-import { u as O, j as o, V as A } from "./index-1fe56d63.js";
-import j, { createRef as U, useEffect as S } from "react";
-import V from "styled-components";
-import "react-dom";
-const W = V.svg`
+import { u as A, j as o, V as m, s as U } from "./index-7912373f.js";
+import j, { createRef as S, useEffect as V } from "react";
+const W = U.svg`
   border: "2px solid red";
   margin: 2px;
   outline: none;
-`, P = j.memo(function k(e) {
-  let { name: u, id: i, SVs: d, actions: r, callAction: l } = O(e), p = d.selectedRowIndex - 1, g = d.selectedBoxIndex - 1;
+`, z = j.memo(function k(e) {
+  let { name: u, id: i, SVs: d, actions: r, callAction: l } = A(e), p = d.selectedRowIndex - 1, g = d.selectedBoxIndex - 1;
   k.ignoreActionsWithoutCore = () => !0;
-  let c = U(d.fixed);
+  let c = S(d.fixed);
   c.current = d.fixed;
   let f = (t) => {
     l({
@@ -17,7 +15,7 @@ const W = V.svg`
       args: { isVisible: t }
     });
   };
-  if (S(() => () => {
+  if (V(() => () => {
     l({
       action: r.recordVisibilityChange,
       args: { isVisible: !1 }
@@ -46,8 +44,8 @@ const W = V.svg`
     });
   }
   function s(t) {
-    var a, b, y, R, B, T, v, m, C, D;
-    ((a = t.relatedTarget) == null ? void 0 : a.id) !== `orbitaladdrow${i}` && ((b = t.relatedTarget) == null ? void 0 : b.id) !== `orbitalremoverow${i}` && ((y = t.relatedTarget) == null ? void 0 : y.id) !== `orbitaladdbox${i}` && ((R = t.relatedTarget) == null ? void 0 : R.id) !== `orbitaladduparrow${i}` && ((B = t.relatedTarget) == null ? void 0 : B.id) !== `orbitaladddownarrow${i}` && ((T = t.relatedTarget) == null ? void 0 : T.id) !== `orbitalremovearrow${i}` && ((v = t.relatedTarget) == null ? void 0 : v.id) !== `orbitalremovebox${i}` && (((m = t.relatedTarget) == null ? void 0 : m.id) !== `OrbitalText${p}${i}` && ((C = t.relatedTarget) == null ? void 0 : C.id) !== `OrbitalRow${p}${i}` && ((D = t.relatedTarget) == null ? void 0 : D.id.substring(0, 10 + i.length)) !== `orbitalbox${i}` && h(-1), w(-1));
+    var a, b, y, R, B, T, v, C, D, O;
+    ((a = t.relatedTarget) == null ? void 0 : a.id) !== `orbitaladdrow${i}` && ((b = t.relatedTarget) == null ? void 0 : b.id) !== `orbitalremoverow${i}` && ((y = t.relatedTarget) == null ? void 0 : y.id) !== `orbitaladdbox${i}` && ((R = t.relatedTarget) == null ? void 0 : R.id) !== `orbitaladduparrow${i}` && ((B = t.relatedTarget) == null ? void 0 : B.id) !== `orbitaladddownarrow${i}` && ((T = t.relatedTarget) == null ? void 0 : T.id) !== `orbitalremovearrow${i}` && ((v = t.relatedTarget) == null ? void 0 : v.id) !== `orbitalremovebox${i}` && (((C = t.relatedTarget) == null ? void 0 : C.id) !== `OrbitalText${p}${i}` && ((D = t.relatedTarget) == null ? void 0 : D.id) !== `OrbitalRow${p}${i}` && ((O = t.relatedTarget) == null ? void 0 : O.id.substring(0, 10 + i.length)) !== `orbitalbox${i}` && h(-1), w(-1));
   }
   let x = [];
   for (let [t, a] of Object.entries(d.rows)) {
@@ -175,7 +173,7 @@ const W = V.svg`
         children: "Remove Arrow"
       }
     )
-  ] })), /* @__PURE__ */ o.jsx(A, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  ] })), /* @__PURE__ */ o.jsx(m, { partialVisibility: !0, onChange: f, children: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     $,
     x
   ] }) });
@@ -365,5 +363,5 @@ const W = V.svg`
   );
 });
 export {
-  P as default
+  z as default
 };

package/dist/p-5232cada.js

@@ -0,0 +1,22 @@
+import { u as c, j as i, V as u } from "./index-7912373f.js";
+import d, { useEffect as f } from "react";
+const b = d.memo(function(r) {
+  let { name: h, id: e, SVs: s, children: a, actions: t, callAction: n } = c(r), l = (o) => {
+    n({
+      action: t.recordVisibilityChange,
+      args: { isVisible: o }
+    });
+  };
+  return f(() => () => {
+    n({
+      action: t.recordVisibilityChange,
+      args: { isVisible: !1 }
+    });
+  }, []), s.hidden ? null : /* @__PURE__ */ i.jsx(u, { partialVisibility: !0, onChange: l, children: /* @__PURE__ */ i.jsxs("p", { id: e, children: [
+    /* @__PURE__ */ i.jsx("a", { name: e }),
+    a
+  ] }) });
+});
+export {
+  b as default
+};

package/dist/{paginatorControls-fa58eb04.js → paginatorControls-b70730d0.js}

@@ -1,9 +1,7 @@
-import { u as s, j as a } from "./index-1fe56d63.js";
+import { u as o, j as a } from "./index-7912373f.js";
 import i from "react";
-import "react-dom";
-import "styled-components";
-const b = i.memo(function(o) {
-  let { name: u, id: n, SVs: e, actions: r, callAction: t } = s(o, !1);
+const g = i.memo(function(s) {
+  let { name: u, id: n, SVs: e, actions: r, callAction: t } = o(s, !1);
   return e.hidden ? null : /* @__PURE__ */ a.jsxs("p", { id: n, children: [
     /* @__PURE__ */ a.jsx("a", { name: n }),
     /* @__PURE__ */ a.jsx(
@@ -42,5 +40,5 @@ const b = i.memo(function(o) {
   ] });
 });
 export {
-  b as default
+  g as default
 };

package/dist/{pegboard-a1474de3.js → pegboard-79f9c901.js}

@@ -1,16 +1,13 @@
 import W, { useContext as q, useRef as F, useEffect as H } from "react";
-import { u as I, C as m } from "./index-1fe56d63.js";
-import { BoardContext as K, BASE_LAYER_OFFSET as R } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const ae = W.memo(function U(D) {
+import { u as I, C as m } from "./index-7912373f.js";
+import { BoardContext as K, BASE_LAYER_OFFSET as R } from "./graph-d69449f2.js";
+const le = W.memo(function U(D) {
   var A;
   let { name: Q, id: Z, SVs: u, actions: $, sourceOfUpdate: ee, callAction: te } = I(D);
   U.ignoreActionsWithoutCore = () => !0;
   const l = q(K);
-  let d = F(null), j = F(null), x = F(null), h = F(null), p = F(null), y = F(null);
-  x.current = u.dx, h.current = u.dy, p.current = u.xoffset, y.current = u.yoffset;
+  let d = F(null), j = F(null), x = F(null), p = F(null), h = F(null), y = F(null);
+  x.current = u.dx, p.current = u.dy, h.current = u.xoffset, y.current = u.yoffset;
   let N = F({
     visible: !u.hidden,
     fixed: !0,
@@ -27,7 +24,7 @@ const ae = W.memo(function U(D) {
     P();
   }, []);
   function O() {
-    let [o, b, g, v] = l.getBoundingBox(), M = (o - p.current) / x.current, C = (g - p.current) / x.current, w = (v - y.current) / h.current, B = (b - y.current) / h.current, f = m.math.round(Math.min(M, C) + 1), s = m.math.round(Math.max(M, C) - 1), i = m.math.round(Math.min(w, B) + 1), a = m.math.round(Math.max(w, B) - 1);
+    let [o, b, g, v] = l.getBoundingBox(), M = (o - h.current) / x.current, C = (g - h.current) / x.current, w = (v - y.current) / p.current, B = (b - y.current) / p.current, f = m.math.round(Math.min(M, C) + 1), s = m.math.round(Math.max(M, C) - 1), i = m.math.round(Math.min(w, B) + 1), a = m.math.round(Math.max(w, B) - 1);
     if (j.current = [f, s, i, a], Number.isFinite(f) && Number.isFinite(s) && Number.isFinite(i) && Number.isFinite(a)) {
       let t = [];
       for (let r = i; r <= a; r++) {
@@ -45,7 +42,7 @@ const ae = W.memo(function U(D) {
       d.current = t;
     }
     l.on("boundingbox", () => {
-      let [t, r, c, e] = l.getBoundingBox(), n = (t - p.current) / x.current, Y = (c - p.current) / x.current, _ = (e - y.current) / h.current, E = (r - y.current) / h.current, S = m.math.round(Math.min(n, Y) + 1), G = m.math.round(Math.max(n, Y) - 1), J = m.math.round(Math.min(_, E) + 1), k = m.math.round(Math.max(_, E) - 1), [z, L, T, V] = j.current;
+      let [t, r, c, e] = l.getBoundingBox(), n = (t - h.current) / x.current, Y = (c - h.current) / x.current, _ = (e - y.current) / p.current, E = (r - y.current) / p.current, S = m.math.round(Math.min(n, Y) + 1), G = m.math.round(Math.max(n, Y) - 1), J = m.math.round(Math.min(_, E) + 1), k = m.math.round(Math.max(_, E) - 1), [z, L, T, V] = j.current;
       (S !== z || G !== L || J !== T || k !== V) && X(S, G, J, k);
     });
   }
@@ -63,9 +60,9 @@ const ae = W.memo(function U(D) {
       return P();
     let [M, C, w, B] = j.current, f = v - g + 1, s = B - w + 1, i = b - o + 1, a = C - M + 1;
     for (let t = 0; t < Math.min(f, s); t++) {
-      let r = d.current[t], c = (t + g) * h.current + y.current;
+      let r = d.current[t], c = (t + g) * p.current + y.current;
       for (let e = 0; e < Math.min(i, a); e++) {
-        let n = (e + o) * x.current + p.current;
+        let n = (e + o) * x.current + h.current;
         r[e].coords.setCoordinates(JXG.COORDS_BY_USER, [n, c]), r[e].needsUpdate = !0, r[e].update();
       }
       if (a > i)
@@ -75,7 +72,7 @@ const ae = W.memo(function U(D) {
         }
       else if (a < i)
         for (let e = a; e < i; e++) {
-          let n = (e + o) * x.current + p.current;
+          let n = (e + o) * x.current + h.current;
           r.push(l.create("point", [n, c], N.current));
         }
     }
@@ -89,9 +86,9 @@ const ae = W.memo(function U(D) {
       }
     else if (s < f)
       for (let t = s; t < f; t++) {
-        let r = [], c = (t + g) * h.current + y.current;
+        let r = [], c = (t + g) * p.current + y.current;
         for (let e = 0; e < i; e++) {
-          let n = (e + o) * x.current + p.current;
+          let n = (e + o) * x.current + h.current;
           r.push(l.create("point", [n, c], N.current));
         }
         d.current.push(r);
@@ -102,7 +99,7 @@ const ae = W.memo(function U(D) {
     if (d.current === null)
       O();
     else {
-      let [o, b, g, v] = l.getBoundingBox(), M = (o - p.current) / x.current, C = (g - p.current) / x.current, w = (v - y.current) / h.current, B = (b - y.current) / h.current, f = m.math.round(Math.min(M, C) + 1), s = m.math.round(Math.max(M, C) - 1), i = m.math.round(Math.min(w, B) + 1), a = m.math.round(Math.max(w, B) - 1);
+      let [o, b, g, v] = l.getBoundingBox(), M = (o - h.current) / x.current, C = (g - h.current) / x.current, w = (v - y.current) / p.current, B = (b - y.current) / p.current, f = m.math.round(Math.min(M, C) + 1), s = m.math.round(Math.max(M, C) - 1), i = m.math.round(Math.min(w, B) + 1), a = m.math.round(Math.max(w, B) - 1);
       X(f, s, i, a);
       let t = (A = d.current[0]) == null ? void 0 : A[0];
       if (t) {
@@ -116,5 +113,5 @@ const ae = W.memo(function U(D) {
   return null;
 });
 export {
-  ae as default
+  le as default
 };

package/dist/{point-1a6406f1.js → point-d3f0e709.js}

@@ -1,11 +1,8 @@
-import { u as he, d as ye, e as be, j as B, t as me, M as ve } from "./index-1fe56d63.js";
+import { u as he, d as ye, e as be, j as B, t as me, M as ve } from "./index-7912373f.js";
 import xe, { useContext as ge, useRef as a, useEffect as ee } from "react";
-import { BoardContext as Pe, POINT_LAYER_OFFSET as re } from "./graph-6d43a295.js";
+import { BoardContext as Pe, POINT_LAYER_OFFSET as re } from "./graph-d69449f2.js";
 import { c as ke, n as te, d as ne, e as ie, f as le } from "./offGraphIndicators-6eabeb84.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const Fe = xe.memo(function oe(ae) {
+const Me = xe.memo(function oe(ae) {
   var Z, $;
   let { name: G, id: E, SVs: r, actions: s, sourceOfUpdate: Se, callAction: u } = he(ae);
   oe.ignoreActionsWithoutCore = () => !0;
@@ -239,5 +236,5 @@ const Fe = xe.memo(function oe(ae) {
   ] });
 });
 export {
-  Fe as default
+  Me as default
 };

package/dist/{polygon-beb8998f.js → polygon-451f6aab.js}

@@ -1,10 +1,7 @@
-import { u as Z, d as $, e as ee, j as X } from "./index-1fe56d63.js";
+import { u as Z, d as $, e as ee, j as X } from "./index-7912373f.js";
 import re, { useContext as te, useRef as f, useEffect as B } from "react";
-import { BoardContext as oe, LINE_LAYER_OFFSET as F, VERTEX_LAYER_OFFSET as N } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const ae = re.memo(function P(q) {
+import { BoardContext as oe, LINE_LAYER_OFFSET as F, VERTEX_LAYER_OFFSET as N } from "./graph-d69449f2.js";
+const ce = re.memo(function P(q) {
   let { name: g, id: K, SVs: e, actions: p, sourceOfUpdate: L, callAction: y } = Z(q);
   P.ignoreActionsWithoutCore = () => !0;
   const c = te(oe);
@@ -257,5 +254,5 @@ function z(P) {
   return P === "solid" ? 0 : P === "dashed" ? 2 : P === "dotted" ? 1 : 0;
 }
 export {
-  ae as default
+  ce as default
 };

package/dist/{polyline-6909b72f.js → polyline-b8610944.js}

@@ -1,10 +1,7 @@
-import { u as Z, d as $, e as z, j as I } from "./index-1fe56d63.js";
+import { u as Z, d as $, e as z, j as I } from "./index-7912373f.js";
 import ee, { useContext as re, useRef as s, useEffect as U } from "react";
-import { BoardContext as te, LINE_LAYER_OFFSET as W, VERTEX_LAYER_OFFSET as N } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const se = ee.memo(function x(q) {
+import { BoardContext as te, LINE_LAYER_OFFSET as W, VERTEX_LAYER_OFFSET as N } from "./graph-d69449f2.js";
+const le = ee.memo(function x(q) {
   let { name: v, id: K, SVs: e, actions: f, sourceOfUpdate: D, callAction: d } = Z(q);
   x.ignoreActionsWithoutCore = () => !0;
   const c = re(te);
@@ -255,5 +252,5 @@ function B(x) {
   return x === "solid" ? 0 : x === "dashed" ? 2 : x === "dotted" ? 1 : 0;
 }
 export {
-  se as default
+  le as default
 };

package/dist/pre-f5c6b49a.js

@@ -0,0 +1,22 @@
+import { u as c, j as e, V as u } from "./index-7912373f.js";
+import d, { useEffect as m } from "react";
+const g = d.memo(function(n) {
+  let { name: h, id: i, SVs: s, children: a, actions: r, callAction: t } = c(n), l = (o) => {
+    t({
+      action: r.recordVisibilityChange,
+      args: { isVisible: o }
+    });
+  };
+  return m(() => () => {
+    t({
+      action: r.recordVisibilityChange,
+      args: { isVisible: !1 }
+    });
+  }, []), s.hidden ? null : /* @__PURE__ */ e.jsx(u, { partialVisibility: !0, onChange: l, children: /* @__PURE__ */ e.jsxs("pre", { id: i, style: { margin: "12px 0" }, children: [
+    /* @__PURE__ */ e.jsx("a", { name: i }),
+    a
+  ] }) });
+});
+export {
+  g as default
+};

package/dist/q-ea153de6.js

@@ -0,0 +1,14 @@
+import { u as a, j as e } from "./index-7912373f.js";
+import m from "react";
+const l = m.memo(function(n) {
+  let { name: i, id: r, SVs: t, children: s } = a(n);
+  return t.hidden ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("a", { name: r }),
+    "“",
+    s,
+    "”"
+  ] });
+});
+export {
+  l as default
+};

package/dist/{ray-924469a6.js → ray-8ebc8e35.js}

@@ -1,14 +1,11 @@
-import { u as W, d as Y, e as j, j as P } from "./index-1fe56d63.js";
+import { u as W, d as Y, e as j, j as P } from "./index-7912373f.js";
 import U, { useContext as B, useRef as l, useEffect as _ } from "react";
-import { BoardContext as N, LINE_LAYER_OFFSET as G } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const Z = U.memo(function y(M) {
+import { BoardContext as N, LINE_LAYER_OFFSET as G } from "./graph-d69449f2.js";
+const z = U.memo(function y(M) {
   let { name: m, id: T, SVs: r, actions: s, sourceOfUpdate: H, callAction: d } = W(M);
   y.ignoreActionsWithoutCore = () => !0;
   const o = B(N);
-  let e = l(null), f = l(null), k = l(null), S = l(!1), x = l(!1), p = l(!1), R = l(null), i = l(null), O = l(null), E = l(null), g = l(!1), v = l(!1);
+  let e = l(null), h = l(null), k = l(null), S = l(!1), x = l(!1), f = l(!1), R = l(null), i = l(null), O = l(null), E = l(null), g = l(!1), v = l(!1);
   O.current = r.numericalEndpoint, E.current = r.numericalThroughpoint, g.current = r.fixed, v.current = !r.draggable || r.fixLocation || r.fixed;
   const w = Y(j);
   _(() => () => {
@@ -44,12 +41,12 @@ const Z = U.memo(function y(M) {
     let C = [[...r.numericalEndpoint], [...r.numericalThroughpoint]], n = o.create("line", C, u);
     n.isDraggable = !v.current, n.on("drag", function(t) {
       let b = t.type === "pointermove";
-      if (!b || Math.abs(t.x - f.current[0]) > 0.1 || Math.abs(t.y - f.current[1]) > 0.1) {
-        p.current = !0, i.current = [];
+      if (!b || Math.abs(t.x - h.current[0]) > 0.1 || Math.abs(t.y - h.current[1]) > 0.1) {
+        f.current = !0, i.current = [];
         for (let a = 0; a < 2; a++)
           if (b) {
-            var h = o.origin.scrCoords;
-            let L = (k.current[a][1] + t.x - f.current[0] - h[1]) / o.unitX, J = (h[2] - (k.current[a][2] + t.y - f.current[1])) / o.unitY;
+            var p = o.origin.scrCoords;
+            let L = (k.current[a][1] + t.x - h.current[0] - p[1]) / o.unitX, J = (p[2] - (k.current[a][2] + t.y - h.current[1])) / o.unitY;
             i.current.push([L, J]);
           } else
             i.current.push([
@@ -77,7 +74,7 @@ const Z = U.memo(function y(M) {
         E.current
       );
     }), n.on("up", function(t) {
-      p.current ? d({
+      f.current ? d({
         action: s.moveRay,
         args: {
           endpointcoords: i.current[0],
@@ -89,15 +86,15 @@ const Z = U.memo(function y(M) {
         // send name so get original name if adapted
       }), S.current = !1;
     }), n.on("keyfocusout", function(t) {
-      p.current && (d({
+      f.current && (d({
         action: s.moveRay,
         args: {
           point1coords: i.current[0],
           point2coords: i.current[1]
         }
-      }), p.current = !1);
+      }), f.current = !1);
     }), n.on("down", function(t) {
-      p.current = !1, f.current = [t.x, t.y], k.current = [
+      f.current = !1, h.current = [t.x, t.y], k.current = [
         [...n.point1.coords.scrCoords],
         [...n.point2.coords.scrCoords]
       ], S.current = !0, x.current = !1, g.current || d({
@@ -106,19 +103,19 @@ const Z = U.memo(function y(M) {
         // send name so get original name if adapted
       });
     }), n.on("hit", function(t) {
-      p.current = !1, d({
+      f.current = !1, d({
         action: s.rayFocused,
         args: { name: m }
         // send name so get original name if adapted
       });
     }), n.on("keydown", function(t) {
-      t.key === "Enter" && (p.current && (d({
+      t.key === "Enter" && (f.current && (d({
         action: s.moveRay,
         args: {
           point1coords: i.current[0],
           point2coords: i.current[1]
         }
-      }), p.current = !1), d({
+      }), f.current = !1), d({
         action: s.rayClicked,
         args: { name: m }
         // send name so get original name if adapted
@@ -126,7 +123,7 @@ const Z = U.memo(function y(M) {
     }), R.current = r.labelForGraph !== "", e.current = n;
   }
   function D(c) {
-    S.current && (Math.abs(c.x - f.current[0]) > 0.1 || Math.abs(c.y - f.current[1]) > 0.1) && (x.current = !0);
+    S.current && (Math.abs(c.x - h.current[0]) > 0.1 || Math.abs(c.y - h.current[1]) > 0.1) && (x.current = !0);
   }
   function F() {
     e.current.off("drag"), e.current.off("down"), e.current.off("hit"), e.current.off("up"), e.current.off("keyfocusout"), e.current.off("keydown"), o.removeObject(e.current), e.current = null;
@@ -160,8 +157,8 @@ const Z = U.memo(function y(M) {
       e.current.visProp.strokecolor !== t && (e.current.visProp.strokecolor = t, e.current.visProp.highlightstrokecolor = t), e.current.visProp.strokewidth !== r.selectedStyle.lineWidth && (e.current.visProp.strokewidth = r.selectedStyle.lineWidth, e.current.visProp.highlightstrokewidth = r.selectedStyle.lineWidth), e.current.visProp.strokeopacity !== r.selectedStyle.lineOpacity && (e.current.visProp.strokeopacity = r.selectedStyle.lineOpacity, e.current.visProp.highlightstrokeopacity = r.selectedStyle.lineOpacity * 0.5);
       let b = X(r.selectedStyle.lineStyle);
       e.current.visProp.dash !== b && (e.current.visProp.dash = b), e.current.name = r.labelForGraph;
-      let h = r.labelForGraph !== "";
-      h != R.current && (e.current.setAttribute({ withlabel: h }), R.current = h), e.current.needsUpdate = !0, e.current.update(), e.current.hasLabel && (r.applyStyleToLabel ? e.current.label.visProp.strokecolor = t : e.current.label.visProp.strokecolor = "var(--canvastext)", e.current.label.needsUpdate = !0, e.current.label.update()), o.updateRenderer();
+      let p = r.labelForGraph !== "";
+      p != R.current && (e.current.setAttribute({ withlabel: p }), R.current = p), e.current.needsUpdate = !0, e.current.update(), e.current.hasLabel && (r.applyStyleToLabel ? e.current.label.visProp.strokecolor = t : e.current.label.visProp.strokecolor = "var(--canvastext)", e.current.label.needsUpdate = !0, e.current.label.update()), o.updateRenderer();
     }
   return r.hidden ? null : /* @__PURE__ */ P.jsx(P.Fragment, { children: /* @__PURE__ */ P.jsx("a", { name: T }) });
 });
@@ -169,5 +166,5 @@ function X(y) {
   return y === "solid" ? 0 : y === "dashed" ? 2 : y === "dotted" ? 1 : 0;
 }
 export {
-  Z as default
+  z as default
 };

package/dist/{ref-c04324bd.js → ref-3f4e54aa.js}

@@ -1,9 +1,7 @@
-import { u as h, d as g, G as j, H as k, j as t } from "./index-1fe56d63.js";
-import R from "react";
-import { L as B } from "./index-44cba13f.js";
-import y from "styled-components";
-import "react-dom";
-const c = y.button`
+import { u as f, d as g, H as j, I as k, j as t, s as R } from "./index-7912373f.js";
+import B from "react";
+import { L as y } from "./index-7481592c.js";
+const c = R.button`
   position: relative;
   height: 24px;
   display: inline-block;
@@ -27,15 +25,15 @@ const c = y.button`
     outline: 2px solid var(--mainBlue);
     outline-offset: 2px;
   }
-`, A = R.memo(function(u) {
-  let { name: _, id: r, SVs: e, children: s, location: p, navigate: x } = h(u);
-  const n = g(j);
-  let m = p.search || "";
+`, $ = B.memo(function(u) {
+  let { name: _, id: r, SVs: e, children: s, location: x, navigate: p } = f(u);
+  const i = g(j);
+  let m = x.search || "";
   if (e.hidden)
     return null;
   let o = s;
   s.length === 0 && (o = e.linkText);
-  let { targetForATag: l, url: i, haveValidTarget: b, externalUri: v } = k({
+  let { targetForATag: l, url: n, haveValidTarget: b, externalUri: v } = k({
     cid: e.cid,
     doenetId: e.doenetId,
     variantIndex: e.variantIndex,
@@ -54,7 +52,7 @@ const c = y.button`
         c,
         {
           id: r + "_button",
-          onClick: () => window.open(i, l),
+          onClick: () => window.open(n, l),
           disabled: e.disabled,
           children: e.linkText
         }
@@ -65,14 +63,14 @@ const c = y.button`
         c,
         {
           id: r + "_button",
-          onClick: () => x(i),
+          onClick: () => p(n),
           disabled: e.disabled,
           children: e.linkText
         }
       )
     ] });
   if (b) {
-    if (v || i === "#")
+    if (v || n === "#")
       return /* @__PURE__ */ t.jsx(
         "a",
         {
@@ -83,17 +81,17 @@ const c = y.button`
           target: l,
           id: r,
           name: r,
-          href: i,
+          href: n,
           children: o
         }
       );
     {
-      let f = n === window ? "scrollY" : "scrollTop", d = { fromLink: !0 };
+      let h = i === window ? "scrollY" : "scrollTop", d = { fromLink: !0 };
       return Object.defineProperty(d, "previousScrollPosition", {
-        get: () => n == null ? void 0 : n[f],
+        get: () => i == null ? void 0 : i[h],
         enumerable: !0
       }), /* @__PURE__ */ t.jsx(
-        B,
+        y,
         {
           style: {
             color: "var(--mainBlue)",
@@ -102,7 +100,7 @@ const c = y.button`
           target: l,
           id: r,
           name: r,
-          to: i,
+          to: n,
           state: d,
           children: o
         }
@@ -112,5 +110,5 @@ const c = y.button`
     return /* @__PURE__ */ t.jsx("span", { id: r, children: o });
 });
 export {
-  A as default
+  $ as default
 };