@doenet/doenetml 0.6.0-alpha4 → 0.6.0-alpha5

package/dist/{text-7df7d444.js → text-bc66e68e.js}

@@ -1,31 +1,28 @@
-import { u as ne, d as ce, e as ie, C as V, g as $, j as S, t as le } from "./index-1fe56d63.js";
+import { u as oe, d as ce, e as ie, C as V, g as $, j as S, t as le } from "./index-7912373f.js";
 import se, { useRef as c, useContext as ue, useEffect as H } from "react";
-import { BoardContext as ae, TEXT_LAYER_OFFSET as I } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const ye = se.memo(function W(q) {
-  let { name: _, id: D, SVs: t, actions: a, sourceOfUpdate: de, callAction: d } = ne(q);
+import { BoardContext as ae, TEXT_LAYER_OFFSET as I } from "./graph-d69449f2.js";
+const ge = se.memo(function W(q) {
+  let { name: _, id: D, SVs: t, actions: a, sourceOfUpdate: de, callAction: d } = oe(q);
   W.ignoreActionsWithoutCore = () => !0;
   let e = c(null), A = c(null), P = c(null);
-  const n = ue(ae);
-  let m = c(null), F = c(null), X = c(!1), O = c(!1), u = c(!1), f = c(null), h = c(null), B = c(null), T = c(null), v = c(!1), C = c(!1);
+  const o = ue(ae);
+  let y = c(null), F = c(null), X = c(!1), O = c(!1), u = c(!1), f = c(null), h = c(null), B = c(null), T = c(null), v = c(!1), C = c(!1);
   v.current = t.fixed, C.current = !t.draggable || t.fixLocation || t.fixed;
   const b = ce(ie);
   H(() => () => {
-    e.current !== null && Q(), n && n.off("move", N);
+    e.current !== null && Q(), o && o.off("move", N);
   }, []), H(() => {
-    n && n.on("move", N);
-  }, [n]);
+    o && o.on("move", N);
+  }, [o]);
   function K() {
-    let l = b === "dark" ? t.selectedStyle.textColorDarkMode : t.selectedStyle.textColor, s = b === "dark" ? t.selectedStyle.backgroundColorDarkMode : t.selectedStyle.backgroundColor, y = "";
-    s && (y += `background-color: ${s}`);
+    let l = b === "dark" ? t.selectedStyle.textColorDarkMode : t.selectedStyle.textColor, s = b === "dark" ? t.selectedStyle.backgroundColorDarkMode : t.selectedStyle.backgroundColor, m = "";
+    s && (m += `background-color: ${s}`);
     let x = {
       visible: !t.hidden,
       fixed: v.current,
       layer: 10 * t.layer + I,
-      cssStyle: y,
-      highlightCssStyle: y,
+      cssStyle: m,
+      highlightCssStyle: m,
       strokeColor: l,
       strokeOpacity: 1,
       highlightStrokeColor: l,
@@ -34,35 +31,35 @@ const ye = se.memo(function W(q) {
       parse: !1
     }, i;
     try {
-      let r = V.fromAst(t.anchor), g = [
+      let r = V.fromAst(t.anchor), p = [
         r.get_component(0).evaluate_to_constant(),
         r.get_component(1).evaluate_to_constant()
       ];
-      Number.isFinite(g[0]) || (g[0] = 0, x.visible = !1), Number.isFinite(g[1]) || (g[1] = 0, x.visible = !1), i = n.create("point", g, {
+      Number.isFinite(p[0]) || (p[0] = 0, x.visible = !1), Number.isFinite(p[1]) || (p[1] = 0, x.visible = !1), i = o.create("point", p, {
         visible: !1
       });
     } catch {
-      x.visible = !1, i = n.create("point", [0, 0], { visible: !1 });
+      x.visible = !1, i = o.create("point", [0, 0], { visible: !1 });
     }
     x.anchor = i;
-    let { anchorx: k, anchory: p } = $(
+    let { anchorx: k, anchory: g } = $(
       t.positionFromAnchor
     );
-    x.anchorx = k, x.anchory = p, P.current = [k, p];
-    let o = n.create("text", [0, 0, t.text], x);
-    o.isDraggable = !C.current, o.on("down", function(r) {
-      m.current = [r.x, r.y], F.current = [...i.coords.scrCoords], u.current = !1, X.current = !0, O.current = !1, v.current || d({
+    x.anchorx = k, x.anchory = g, P.current = [k, g];
+    let n = o.create("text", [0, 0, t.text], x);
+    n.isDraggable = !C.current, n.on("down", function(r) {
+      y.current = [r.x, r.y], F.current = [...i.coords.scrCoords], u.current = !1, X.current = !0, O.current = !1, v.current || d({
         action: a.textFocused,
         args: { name: _ }
         // send name so get original name if adapted
       });
-    }), o.on("hit", function(r) {
+    }), n.on("hit", function(r) {
       F.current = [...i.coords.scrCoords], u.current = !1, d({
         action: a.textFocused,
         args: { name: _ }
         // send name so get original name if adapted
       });
-    }), o.on("up", function(r) {
+    }), n.on("up", function(r) {
       u.current ? (d({
         action: a.moveText,
         args: {
@@ -74,7 +71,7 @@ const ye = se.memo(function W(q) {
         args: { name: _ }
         // send name so get original name if adapted
       }), X.current = !1;
-    }), o.on("keyfocusout", function(r) {
+    }), n.on("keyfocusout", function(r) {
       u.current && (d({
         action: a.moveText,
         args: {
@@ -82,24 +79,24 @@ const ye = se.memo(function W(q) {
           y: h.current
         }
       }), u.current = !1);
-    }), o.on("drag", function(r) {
-      let g = r.type === "pointermove";
-      (!g || Math.abs(r.x - m.current[0]) > 0.1 || Math.abs(r.y - m.current[1]) > 0.1) && (u.current = !0);
-      let [j, w, E, G] = n.getBoundingBox(), J = o.size[0] / n.unitX, Y = o.size[1] / n.unitY, U = P.current[0], L = P.current[1], R = 0;
+    }), n.on("drag", function(r) {
+      let p = r.type === "pointermove";
+      (!p || Math.abs(r.x - y.current[0]) > 0.1 || Math.abs(r.y - y.current[1]) > 0.1) && (u.current = !0);
+      let [j, w, E, G] = o.getBoundingBox(), J = n.size[0] / o.unitX, Y = n.size[1] / o.unitY, U = P.current[0], L = P.current[1], R = 0;
       U === "middle" ? R = -J / 2 : U === "right" && (R = -J);
       let M = 0;
       L === "middle" ? M = -Y / 2 : L === "top" && (M = -Y);
-      let ee = j + 0.04 * (E - j) - R - J, te = E - 0.04 * (E - j) - R, re = G + 0.04 * (w - G) - M - Y, oe = w - 0.04 * (w - G) - M;
-      if (g) {
-        var z = n.origin.scrCoords;
-        f.current = (F.current[1] + r.x - m.current[0] - z[1]) / n.unitX, h.current = (z[2] - (F.current[2] + r.y - m.current[1])) / n.unitY;
+      let ee = j + 0.04 * (E - j) - R - J, te = E - 0.04 * (E - j) - R, re = G + 0.04 * (w - G) - M - Y, ne = w - 0.04 * (w - G) - M;
+      if (p) {
+        var z = o.origin.scrCoords;
+        f.current = (F.current[1] + r.x - y.current[0] - z[1]) / o.unitX, h.current = (z[2] - (F.current[2] + r.y - y.current[1])) / o.unitY;
       } else
-        f.current = i.X() + o.relativeCoords.usrCoords[1], h.current = i.Y() + o.relativeCoords.usrCoords[2];
+        f.current = i.X() + n.relativeCoords.usrCoords[1], h.current = i.Y() + n.relativeCoords.usrCoords[2];
       f.current = Math.min(
         te,
         Math.max(ee, f.current)
       ), h.current = Math.min(
-        oe,
+        ne,
         Math.max(re, h.current)
       ), d({
         action: a.moveText,
@@ -109,11 +106,11 @@ const ye = se.memo(function W(q) {
           transient: !0,
           skippable: !0
         }
-      }), o.relativeCoords.setCoordinates(JXG.COORDS_BY_USER, [0, 0]), i.coords.setCoordinates(
+      }), n.relativeCoords.setCoordinates(JXG.COORDS_BY_USER, [0, 0]), i.coords.setCoordinates(
         JXG.COORDS_BY_USER,
         B.current
       );
-    }), o.on("keydown", function(r) {
+    }), n.on("keydown", function(r) {
       r.key === "Enter" && (u.current && (d({
         action: a.moveText,
         args: {
@@ -125,15 +122,15 @@ const ye = se.memo(function W(q) {
         args: { name: _ }
         // send name so get original name if adapted
       }));
-    }), e.current = o, A.current = i, T.current = t.positionFromAnchor;
+    }), e.current = n, A.current = i, T.current = t.positionFromAnchor;
   }
   function N(l) {
-    X.current && (Math.abs(l.x - m.current[0]) > 0.1 || Math.abs(l.y - m.current[1]) > 0.1) && (O.current = !0);
+    X.current && (Math.abs(l.x - y.current[0]) > 0.1 || Math.abs(l.y - y.current[1]) > 0.1) && (O.current = !0);
   }
   function Q() {
-    e.current.off("drag"), e.current.off("down"), e.current.off("hit"), e.current.off("up"), e.current.off("keyfocusout"), e.current.off("keydown"), n.removeObject(e.current), e.current = null;
+    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;
   }
-  if (n) {
+  if (o) {
     let l;
     try {
       let s = V.fromAst(t.anchor);
@@ -153,21 +150,21 @@ const ye = se.memo(function W(q) {
       ), e.current.setText(t.text);
       let s = !t.hidden;
       if (Number.isFinite(l[0]) && Number.isFinite(l[1])) {
-        let o = e.current.visProp.visible !== s;
-        e.current.visProp.visible = s, e.current.visPropCalc.visible = s, o && e.current.setAttribute({ visible: s });
+        let n = e.current.visProp.visible !== s;
+        e.current.visProp.visible = s, e.current.visPropCalc.visible = s, n && e.current.setAttribute({ visible: s });
       } else
         e.current.visProp.visible = !1, e.current.visPropCalc.visible = !1;
-      let y = 10 * t.layer + I;
-      e.current.visProp.layer !== y && e.current.setAttribute({ layer: y });
-      let i = b === "dark" ? t.selectedStyle.textColorDarkMode : t.selectedStyle.textColor, k = b === "dark" ? t.selectedStyle.backgroundColorDarkMode : t.selectedStyle.backgroundColor, p = "";
-      if (k ? p += `background-color: ${k}` : p += "background-color: transparent", e.current.visProp.strokecolor !== i && (e.current.visProp.strokecolor = i, e.current.visProp.highlightstrokecolor = i), e.current.visProp.cssstyle !== p && (e.current.visProp.cssstyle = p, e.current.visProp.highlightcssstyle = p), e.current.visProp.highlight = !C.current, e.current.visProp.fixed = v.current, e.current.isDraggable = !C.current, e.current.needsUpdate = !0, t.positionFromAnchor !== T.current) {
-        let { anchorx: o, anchory: r } = $(
+      let m = 10 * t.layer + I;
+      e.current.visProp.layer !== m && e.current.setAttribute({ layer: m });
+      let i = b === "dark" ? t.selectedStyle.textColorDarkMode : t.selectedStyle.textColor, k = b === "dark" ? t.selectedStyle.backgroundColorDarkMode : t.selectedStyle.backgroundColor, g = "";
+      if (k ? g += `background-color: ${k}` : g += "background-color: transparent", e.current.visProp.strokecolor !== i && (e.current.visProp.strokecolor = i, e.current.visProp.highlightstrokecolor = i), e.current.visProp.cssstyle !== g && (e.current.visProp.cssstyle = g, e.current.visProp.highlightcssstyle = g), e.current.visProp.highlight = !C.current, e.current.visProp.fixed = v.current, e.current.isDraggable = !C.current, e.current.needsUpdate = !0, t.positionFromAnchor !== T.current) {
+        let { anchorx: n, anchory: r } = $(
           t.positionFromAnchor
         );
-        e.current.visProp.anchorx = o, e.current.visProp.anchory = r, P.current = [o, r], T.current = t.positionFromAnchor, e.current.fullUpdate();
+        e.current.visProp.anchorx = n, e.current.visProp.anchory = r, P.current = [n, r], T.current = t.positionFromAnchor, e.current.fullUpdate();
       } else
         e.current.update();
-      A.current.needsUpdate = !0, A.current.update(), n.updateRenderer();
+      A.current.needsUpdate = !0, A.current.update(), o.updateRenderer();
     }
     return /* @__PURE__ */ S.jsx("a", { name: D });
   }
@@ -180,5 +177,5 @@ const ye = se.memo(function W(q) {
   ] });
 });
 export {
-  ye as default
+  ge as default
 };

package/dist/{textInput-abbe8a72.js → textInput-cb97b103.js}

@@ -1,9 +1,7 @@
-import { u as ye, R as Ce, r as ke, C as oe, g as le, j as a, F as O, f as we, a as Ve, b as Ae, c as je, M as Ie } from "./index-1fe56d63.js";
+import { u as ye, R as Ce, r as ke, C as oe, g as le, j as a, F as O, f as we, a as Ve, b as Ae, c as je, s as ee, M as Ie } from "./index-7912373f.js";
 import _e, { useState as Ne, useRef as l, useContext as Se, useEffect as Be } from "react";
 import { s as ue } from "./css-ab4d83ca.js";
-import ee from "styled-components";
-import { BoardContext as Pe } from "./graph-6d43a295.js";
-import "react-dom";
+import { BoardContext as Pe } from "./graph-d69449f2.js";
 const I = ee.button`
   position: relative;
   height: 24px;
@@ -47,19 +45,19 @@ const I = ee.button`
 function se(u) {
   let {
     name: Fe,
-    id: f,
+    id: m,
     SVs: e,
     actions: p,
     sourceOfUpdate: Le,
     ignoreUpdate: ce,
     rendererName: de,
-    callAction: m
+    callAction: f
   } = ye(u), _ = ue(e.width), pe = ue(e.height);
   se.baseStateVariable = "immediateValue", se.ignoreActionsWithoutCore = (n) => n === "moveInput";
   const [w, W] = Ne(e.immediateValue);
   let C = l(null);
   C.current = w;
-  const me = Ce(ke(de));
+  const fe = Ce(ke(de));
   let N = l(e.immediateValue), te = l(null), V = l(null), t = l(null), S = l(null), B = l(null);
   const s = Se(Pe);
   let A = l(!1), M = l(!1), h = l(!1), v = l(null), b = l(null), re = l(null), T = l(null), K = l(!1), j = l(!1);
@@ -69,17 +67,17 @@ function se(u) {
   let k = "unvalidated";
   e.valueHasBeenValidated && (e.creditAchieved === 1 ? k = "correct" : e.creditAchieved === 0 ? k = "incorrect" : k = "partialcorrect");
   function P(n) {
-    n.key === "Enter" && (N.current = C.current, m({
+    n.key === "Enter" && (N.current = C.current, f({
       action: p.updateValue,
       baseVariableValue: C.current
-    }), e.includeCheckWork && !e.suppressCheckwork && !e.expanded && k === "unvalidated" && m({
+    }), e.includeCheckWork && !e.suppressCheckwork && !e.expanded && k === "unvalidated" && f({
       action: p.submitAnswer
     }));
   }
   function R(n) {
     if (n.key === "Escape") {
       let r = N.current;
-      r !== C.current && (W(r), V.current = e.immediateValue, m({
+      r !== C.current && (W(r), V.current = e.immediateValue, f({
         action: p.updateImmediateValue,
         args: {
           text: r
@@ -92,17 +90,17 @@ function se(u) {
     te.current = !0;
   }
   function F(n) {
-    te.current = !1, N.current = C.current, m({
+    te.current = !1, N.current = C.current, f({
       action: p.updateValue,
       baseVariableValue: C.current
     });
   }
   function L(n) {
     let r = n.target.value;
-    r !== C.current && (W(r), me((x) => {
+    r !== C.current && (W(r), fe((x) => {
       let g = { ...x };
       return g.ignoreUpdate = !0, g;
-    }), V.current = e.immediateValue, m({
+    }), V.current = e.immediateValue, f({
       action: p.updateImmediateValue,
       args: {
         text: r
@@ -110,7 +108,7 @@ function se(u) {
       baseVariableValue: r
     }));
   }
-  function fe() {
+  function me() {
     let n = {
       visible: !e.hidden,
       fixed: K.current,
@@ -148,7 +146,7 @@ function se(u) {
     }), i.on("hit", function(o) {
       h.current = !1;
     }), i.on("up", function(o) {
-      h.current && (m({
+      h.current && (f({
         action: p.moveInput,
         args: {
           x: v.current,
@@ -156,7 +154,7 @@ function se(u) {
         }
       }), h.current = !1);
     }), i.on("keyfocusout", function(o) {
-      h.current && (m({
+      h.current && (f({
         action: p.moveInput,
         args: {
           x: v.current,
@@ -182,7 +180,7 @@ function se(u) {
       ), b.current = Math.min(
         ge,
         Math.max(be, b.current)
-      ), m({
+      ), f({
         action: p.moveInput,
         args: {
           x: v.current,
@@ -195,7 +193,7 @@ function se(u) {
         re.current
       );
     }), i.on("keydown", function(o) {
-      o.key === "Enter" && h.current && (m({
+      o.key === "Enter" && h.current && (f({
         action: p.moveInput,
         args: {
           x: v.current,
@@ -230,7 +228,7 @@ function se(u) {
       n = [NaN, NaN];
     }
     if (re.current = n, t.current === null)
-      fe();
+      me();
     else {
       t.current.Value() !== w && t.current.set(w), t.current.relativeCoords.setCoordinates(
         JXG.COORDS_BY_USER,
@@ -254,12 +252,12 @@ function se(u) {
         t.current.update();
       S.current.needsUpdate = !0, S.current.update(), s.updateRenderer();
     }
-    return /* @__PURE__ */ a.jsx("a", { name: f });
+    return /* @__PURE__ */ a.jsx("a", { name: m });
   }
   if (e.hidden)
     return null;
   let G = e.disabled;
-  const X = f + "_input";
+  const X = m + "_input";
   let c = {
     cursor: "pointer",
     padding: "1px 6px 1px 6px"
@@ -273,15 +271,15 @@ function se(u) {
       d = /* @__PURE__ */ a.jsx(
         I,
         {
-          id: f + "_submit",
+          id: m + "_submit",
           tabIndex: "0",
           disabled: G,
           style: c,
-          onClick: () => m({
+          onClick: () => f({
             action: p.submitAnswer
           }),
           onKeyPress: (n) => {
-            n.key === "Enter" && m({
+            n.key === "Enter" && f({
               action: p.submitAnswer
             });
           },
@@ -301,16 +299,16 @@ function se(u) {
       if (k === "correct")
         c.backgroundColor = getComputedStyle(
           document.documentElement
-        ).getPropertyValue("--mainGreen"), d = /* @__PURE__ */ a.jsx(I, { id: f + "_correct", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: Ve }) });
+        ).getPropertyValue("--mainGreen"), d = /* @__PURE__ */ a.jsx(I, { id: m + "_correct", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: Ve }) });
       else if (k === "partialcorrect") {
         let r = `${Math.round(e.creditAchieved * 100)} %`;
-        c.width = "44px", c.backgroundColor = "#efab34", d = /* @__PURE__ */ a.jsx(I, { id: f + "_partial", style: c, children: r });
+        c.width = "44px", c.backgroundColor = "#efab34", d = /* @__PURE__ */ a.jsx(I, { id: m + "_partial", style: c, children: r });
       } else
         c.backgroundColor = getComputedStyle(
           document.documentElement
-        ).getPropertyValue("--mainRed"), d = /* @__PURE__ */ a.jsx(I, { id: f + "_incorrect", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: Ae }) });
+        ).getPropertyValue("--mainRed"), d = /* @__PURE__ */ a.jsx(I, { id: m + "_incorrect", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: Ae }) });
     else
-      c.backgroundColor = "rgb(74, 3, 217)", c.padding = "1px 8px 1px 4px", d = /* @__PURE__ */ a.jsx(I, { id: f + "_saved", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: je }) });
+      c.backgroundColor = "rgb(74, 3, 217)", c.padding = "1px 8px 1px 4px", d = /* @__PURE__ */ a.jsx(I, { id: m + "_saved", style: c, children: /* @__PURE__ */ a.jsx(O, { icon: je }) });
     e.numAttemptsLeft < 0 ? d = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       d,
       /* @__PURE__ */ a.jsx("span", { children: "(no attempts remaining)" })
@@ -373,12 +371,12 @@ function se(u) {
       X
     )
   ] }), /* @__PURE__ */ a.jsxs(_e.Fragment, { children: [
-    /* @__PURE__ */ a.jsx("a", { name: f }),
+    /* @__PURE__ */ a.jsx("a", { name: m }),
     /* @__PURE__ */ a.jsxs(
       "span",
       {
         className: "textInputSurroundingBox",
-        id: f,
+        id: m,
         style: { display: "inline-flex", maxWidth: "100%" },
         children: [
           Y,

package/dist/textList-4fa2b394.js

@@ -0,0 +1,20 @@
+import { u as x, j as t } from "./index-7912373f.js";
+import s from "react";
+const f = s.memo(function(i) {
+  let { name: o, id: e, SVs: n, children: r } = x(i);
+  if (n.hidden)
+    return null;
+  if (r.length === 0 && n.text)
+    return /* @__PURE__ */ t.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("a", { name: e }),
+      /* @__PURE__ */ t.jsx("span", { id: e, children: n.text })
+    ] }, e);
+  let a = r.slice(1).reduce((m, l) => [...m, ", ", l], [r[0]]);
+  return /* @__PURE__ */ t.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("a", { name: e }),
+    a
+  ] }, e);
+});
+export {
+  f as default
+};

package/dist/{triggerSet-88520bfe.js → triggerSet-47fe087c.js}

@@ -1,16 +1,14 @@
-import { u as s, j as i, B as a } from "./index-1fe56d63.js";
-import l from "react";
-import "react-dom";
-import "styled-components";
-const f = l.memo(function(n) {
-  let { name: e, SVs: t, actions: r, callAction: o } = s(n, !1);
+import { u as a, j as i, B as l } from "./index-7912373f.js";
+import o from "react";
+const m = o.memo(function(n) {
+  let { name: e, SVs: t, actions: r, callAction: s } = a(n, !1);
   return t.hidden ? null : /* @__PURE__ */ i.jsxs("div", { id: e, style: { margin: "12px 0", display: "inline-block" }, children: [
     /* @__PURE__ */ i.jsx("a", { name: e }),
     /* @__PURE__ */ i.jsx(
-      a,
+      l,
       {
         id: e + "_button",
-        onClick: () => o({ action: r.triggerActions }),
+        onClick: () => s({ action: r.triggerActions }),
         disabled: t.disabled,
         value: t.label
       }
@@ -18,5 +16,5 @@ const f = l.memo(function(n) {
   ] });
 });
 export {
-  f as default
+  m as default
 };

package/dist/updateValue-2620a937.js

@@ -0,0 +1,20 @@
+import { u as s, j as t, B as d } from "./index-7912373f.js";
+import o from "react";
+const m = o.memo(function(l) {
+  let { name: e, SVs: a, actions: n, callAction: i } = s(l, !1);
+  return a.hidden ? null : /* @__PURE__ */ t.jsxs("div", { id: e, margin: "12px 0", style: { display: "inline-block" }, children: [
+    /* @__PURE__ */ t.jsx("a", { name: e }),
+    /* @__PURE__ */ t.jsx(
+      d,
+      {
+        id: e + "_button",
+        onClick: () => i({ action: n.updateValue }),
+        disabled: a.disabled,
+        value: a.label
+      }
+    )
+  ] });
+});
+export {
+  m as default
+};

package/dist/{vector-3d487c1f.js → vector-1aaf00e9.js}

@@ -1,10 +1,7 @@
-import { u as re, d as te, e as ne, j as P, t as oe, M as ce } from "./index-1fe56d63.js";
+import { u as re, d as te, e as ne, j as P, t as oe, M as ce } from "./index-7912373f.js";
 import ie, { useContext as le, useRef as s, useEffect as H } from "react";
-import { BoardContext as ue, LINE_LAYER_OFFSET as N, VERTEX_LAYER_OFFSET as z } from "./graph-6d43a295.js";
-import "react-dom";
-import "styled-components";
-import "./css-ab4d83ca.js";
-const ge = ie.memo(function F(K) {
+import { BoardContext as ue, LINE_LAYER_OFFSET as N, VERTEX_LAYER_OFFSET as z } from "./graph-d69449f2.js";
+const fe = ie.memo(function F(K) {
   let { name: h, id: L, SVs: e, actions: c, sourceOfUpdate: _, callAction: i } = re(K);
   F.ignoreActionsWithoutCore = () => !0;
   const l = le(ue);
@@ -272,5 +269,5 @@ function q(F) {
   return F === "solid" ? 0 : F === "dashed" ? 2 : F === "dotted" ? 1 : 0;
 }
 export {
-  ge as default
+  fe as default
 };

package/dist/{video-438560fd.js → video-7b44cfcf.js}

@@ -1,16 +1,14 @@
-import { u as W, j as g, V as L } from "./index-1fe56d63.js";
-import M, { useRef as o, useEffect as v } from "react";
-import { s as _ } from "./css-ab4d83ca.js";
-import z from "styled-components";
-import "react-dom";
-const F = z.div`
+import { u as W, j as g, V as L, s as M } from "./index-7912373f.js";
+import _, { useRef as o, useEffect as v } from "react";
+import { s as z } from "./css-ab4d83ca.js";
+const F = M.div`
   &: focus {
     outline: 2px solid var(--canvastext);
     outline-offset: 2px;
   }
-`, Q = M.memo(function(I) {
+`, K = _.memo(function(I) {
   var x;
-  let { name: $, id: T, SVs: n, actions: a, callAction: l } = W(I), r = o(null), p = o(null), c = o(null), i = o([]), s = o(null), C = o(null), P = o(0), d = o(null), w = o(null), y = o(null), A = (e) => {
+  let { name: $, id: T, SVs: n, actions: a, callAction: l } = W(I), r = o(null), y = o(null), c = o(null), i = o([]), s = o(null), C = o(null), P = o(0), d = o(null), w = o(null), p = o(null), A = (e) => {
     l({
       action: a.recordVisibilityChange,
       args: { isVisible: e }
@@ -41,9 +39,9 @@ const F = z.div`
   }, [window.YT]);
   function N() {
     let e = r.current.getCurrentTime(), t;
-    p.current ? t = e - p.current : t = e - c.current, !(c.current >= 0) || t > 0 && t < 1 ? (c.current = e, p.current = null) : t !== 0 && (p.current = e);
+    y.current ? t = e - y.current : t = e - c.current, !(c.current >= 0) || t > 0 && t < 1 ? (c.current = e, y.current = null) : t !== 0 && (y.current = e);
     let m = Math.floor(e);
-    m !== y.current && (y.current = m, l({
+    m !== p.current && (p.current = m, l({
       action: a.setTime,
       args: {
         time: m
@@ -81,7 +79,7 @@ const F = z.div`
               startingPoint: u,
               rate: E
             }
-          ], d.current = u, c.current = u, p.current = null, l({
+          ], d.current = u, c.current = u, y.current = null, l({
             action: a.recordVideoStarted,
             args: {
               beginTime: r.current.getCurrentTime(),
@@ -131,7 +129,7 @@ const F = z.div`
               endTime: k,
               duration: t
             }
-          }), s.current = e.data, d.current = null, c.current = k, p.current = null;
+          }), s.current = e.data, d.current = null, c.current = k, y.current = null;
         }
         break;
       case window.YT.PlayerState.ENDED:
@@ -166,14 +164,14 @@ const F = z.div`
   }
   if ((x = r.current) != null && x.getPlayerState) {
     let e = r.current.getPlayerState();
-    if (n.state === "playing" ? (e === window.YT.PlayerState.UNSTARTED || e === window.YT.PlayerState.PAUSED || e === window.YT.PlayerState.CUED || e === window.YT.PlayerState.ENDED) && r.current.playVideo() : n.state === "stopped" && e === window.YT.PlayerState.PLAYING && r.current.pauseVideo(), n.time !== Number(y.current)) {
+    if (n.state === "playing" ? (e === window.YT.PlayerState.UNSTARTED || e === window.YT.PlayerState.PAUSED || e === window.YT.PlayerState.CUED || e === window.YT.PlayerState.ENDED) && r.current.playVideo() : n.state === "stopped" && e === window.YT.PlayerState.PLAYING && r.current.pauseVideo(), n.time !== Number(p.current)) {
       let t = n.time, m = r.current.getDuration();
       t > m && (t = Math.floor(m), l({
         action: a.setTime,
         args: {
           time: t
         }
-      })), t !== Number(y.current) && (r.current.getPlayerState() === window.YT.PlayerState.CUED ? (r.current.pauseVideo(), r.current.seekTo(t, !0), setTimeout(() => r.current.pauseVideo(), 200)) : r.current.seekTo(t, !0), y.current = t);
+      })), t !== Number(p.current) && (r.current.getPlayerState() === window.YT.PlayerState.CUED ? (r.current.pauseVideo(), r.current.seekTo(t, !0), setTimeout(() => r.current.pauseVideo(), 200)) : r.current.seekTo(t, !0), p.current = t);
     }
   }
   if (n.hidden)
@@ -190,7 +188,7 @@ const F = z.div`
   };
   let Y = {
     maxWidth: "100%",
-    width: _(n.width),
+    width: z(n.width),
     aspectRatio: String(n.aspectRatio)
   }, S;
   return n.youtube ? S = /* @__PURE__ */ g.jsx(
@@ -216,5 +214,5 @@ const F = z.div`
   ] }) });
 });
 export {
-  Q as default
+  K as default
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@doenet/doenetml",
   "type": "module",
   "description": "Semantic markup for building interactive web activities",
-  "version": "0.6.0-alpha4",
+  "version": "0.6.0-alpha5",
   "license": "AGPL-3.0-or-later",
   "homepage": "https://github.com/Doenet/DoenetML#readme",
   "private": false,
@@ -12,8 +12,7 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/doenetml.js",
-      "require": "./dist/doenetml.umd.cjs"
+      "import": "./dist/doenetml.js"
     }
   },
   "scripts": {
@@ -72,8 +71,7 @@
     "react-router-dom": "^6.11.2",
     "react-simple-code-editor": "^0.13.0",
     "react-visibility-sensor-v2": "^1.0.0",
-    "recoil": "^0.7.7",
-    "styled-components": "^5.3.11"
+    "recoil": "^0.7.7"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",
@@ -83,9 +81,6 @@
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react": "^4.0.0",
-    "cypress": "^12.13.0",
-    "cypress-parallel": "^0.13.0",
-    "cypress-wait-until": "^1.7.2",
     "eslint": "^8.38.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -94,6 +89,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-polyfill-node": "^0.12.0",
-    "vite": "^4.3.9"
+    "styled-components": "^5.3.11",
+    "vite": "^4.3.9",
+    "vite-plugin-lib-inject-css": "^1.2.0"
   }
 }

package/dist/alert-2f90cc72.js

@@ -1,14 +0,0 @@
-import { u as s, j as r } from "./index-1fe56d63.js";
-import i from "react";
-import "react-dom";
-import "styled-components";
-const p = i.memo(function(t) {
-  let { name: a, id: e, SVs: n, children: o } = s(t);
-  return n.hidden ? null : /* @__PURE__ */ r.jsxs("strong", { id: e, children: [
-    /* @__PURE__ */ r.jsx("a", { name: e }),
-    o
-  ] });
-});
-export {
-  p as default
-};