@doenet/doenetml 0.7.21-dev.415 → 0.7.21-dev.416

package/{ellipsis-DVinv6-1.js → ellipsis-DfMIkq56.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const ellipsis = React__default.memo(function Ellipsis(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{em-B8Bn3iQ8.js → em-C68xPdDA.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { r as renderMarkupBody } from "./markupRenderer-BtKUERzJ.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { r as renderMarkupBody } from "./markupRenderer-D1tNv_Bq.js";
 const em = React__default.memo(function Em(props) {
   const { id, SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{embed-CCP_3Jzm.js → embed-EmlL532k.js}

@@ -1,6 +1,6 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const embed = React__default.memo(function Embed(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{feedback-C7b_K-S3.js → feedback-BWaksokN.js}

@@ -1,9 +1,9 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { F as FontAwesomeIcon } from "./index.es-BCeR6l3D.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { F as FontAwesomeIcon } from "./index.es-DEgUxk1r.js";
 import { f as faComment } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BY7-JuTc.js";
+import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
 const feedback = React__default.memo(function Feedback(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const t = useT();

package/{figure-vxfnUy1i.js → figure-DNohFiU-.js}

@@ -1,8 +1,8 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { createElement, Component, useRef, useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { _ as _setPrototypeOf, a as _objectWithoutPropertiesLoose, b as _extends } from "./setPrototypeOf-C-47lAIH.js";
-import { P as PropTypes } from "./index-Ci4K0tDE.js";
+import { P as PropTypes } from "./index-dmesrz8k.js";
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }

package/{fillPatterns-Cwsbhubm.js → fillPatterns-BC4vIjlx.js}

@@ -1,4 +1,4 @@
-import { I as encodeFillPatternColorToken } from "./doenetml-RwjW6x7w.js";
+import { I as encodeFillPatternColorToken } from "./doenetml-CKC903On.js";
 const warnedUnsupportedFillStyles = /* @__PURE__ */ new Set();
 function warnUnsupportedFillStyle(fillStyle) {
   if (warnedUnsupportedFillStyles.has(fillStyle)) {

package/{footnote-DniX_WDV.js → footnote-C3cESiVn.js}

@@ -1,7 +1,7 @@
-import { u as useT, p as jsxRuntimeExports, E as Button } from "./doenetml-RwjW6x7w.js";
+import { u as useT, p as jsxRuntimeExports, E as Button } from "./doenetml-CKC903On.js";
 import React__default, { useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-mEVAI_oo.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-uV4ynrST.js";
 const footnote = React__default.memo(function Footnote(props) {
   let { id, SVs } = useDoenetRenderer(props, false);
   let [isVisible, setIsVisible] = useState(false);

package/{fractionInput-Byd4TDY-.js → fractionInput-CbT0Fr4D.js}

@@ -1,10 +1,10 @@
-import { w as useContentT, p as jsxRuntimeExports, M as MathJax } from "./doenetml-RwjW6x7w.js";
+import { w as useContentT, p as jsxRuntimeExports, M as MathJax } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Bl1nM1Rc.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
 import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
-import { D as DescriptionPopover } from "./Description-B_KGuyjX.js";
+import { D as DescriptionPopover } from "./Description-CeSquB0w.js";
 const fractionInput = React__default.memo(function FractionInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   const tContent = useContentT();

package/{graph-BpbjUn8w.js → graph-Shoc8JnU.js}

@@ -1,10 +1,10 @@
-import { p as jsxRuntimeExports, at as roundForDisplay, y as Context, x as useRecordVisibilityChanges } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports, at as roundForDisplay, y as Context, x as useRecordVisibilityChanges } from "./doenetml-CKC903On.js";
 import React__default, { useState, useRef, useEffect, useMemo, createContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import Prefigure from "./prefigure-BnSkAPHE.js";
-import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-CsOmIYzz.js";
-import GraphFrame from "./GraphFrame-BCe-sXyY.js";
-import { J as JSXGraphRenderer } from "./JSXGraphRenderer-CTbAGksr.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import Prefigure from "./prefigure-C7f9UcnA.js";
+import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-DtXSmigp.js";
+import GraphFrame from "./GraphFrame-7iZnp0Pp.js";
+import { J as JSXGraphRenderer } from "./JSXGraphRenderer-CH3Etvtx.js";
 const GRAPH_CONTROL_CARD_STYLE = {
   width: "100%",
   boxSizing: "border-box",

package/{hint-BSyMGzDu.js → hint-CNCxpEVu.js}

@@ -1,10 +1,10 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { F as FontAwesomeIcon } from "./index.es-BCeR6l3D.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { F as FontAwesomeIcon } from "./index.es-DEgUxk1r.js";
 import { b as faLightbulb } from "./index-BDlitCgu.js";
 import { a as faLightbulb$1 } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BY7-JuTc.js";
+import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
 import { c as clickToToggleLabel } from "./disclosure-axyZa36E.js";
 const hint = React__default.memo(function Hint(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{hr-Dv_52Wxd.js → hr-DccnD0xy.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const hr = React__default.memo(function Hr(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{image-CDzqgIV7.js → image-DKmanipP.js}

@@ -1,15 +1,15 @@
-import { q as DocContext, x as useRecordVisibilityChanges, y as Context, p as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, x as useRecordVisibilityChanges, y as Context, p as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef, useMemo } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-B_KGuyjX.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CeSquB0w.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-DqUh14n5.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BPKCeJoI.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CE3goik5.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CKCVFGYp.js";
 const image = React__default.memo(function Image(props) {
   let { componentIdx, id, SVs, children, actions, callAction } = useDoenetRenderer(props, false);
   Image.ignoreActionsWithoutCore = () => true;

package/{index-Ci4K0tDE.js → index-dmesrz8k.js}

@@ -1,4 +1,4 @@
-import { as as getDefaultExportFromCjs } from "./doenetml-RwjW6x7w.js";
+import { as as getDefaultExportFromCjs } from "./doenetml-CKC903On.js";
 var propTypes = { exports: {} };
 var reactIs = { exports: {} };
 var reactIs_production_min = {};

package/{index.es-BCeR6l3D.js → index.es-DEgUxk1r.js}

@@ -1,4 +1,4 @@
-import { P as PropTypes } from "./index-Ci4K0tDE.js";
+import { P as PropTypes } from "./index-dmesrz8k.js";
 import React__default from "react";
 function _defineProperty$1(e, r2, t2) {
   return (r2 = _toPropertyKey$1(r2)) in e ? Object.defineProperty(e, r2, {

package/index.js

@@ -1,4 +1,4 @@
-import { C, D, a, c, b, d, g, e, f, h, m, i, r, s, j } from "./doenetml-RwjW6x7w.js";
+import { C, D, a, c, b, d, g, e, f, h, m, i, r, s, j } from "./doenetml-CKC903On.js";
 export {
   C as CodeMirror,
   D as DoenetEditor,

package/{label-BpLxA1Ur.js → label-iXHeUsem.js}

@@ -1,13 +1,13 @@
-import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-CKC903On.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-CTbAGksr.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CE3goik5.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CKCVFGYp.js";
 const label = React__default.memo(function Label(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Label.ignoreActionsWithoutCore = () => true;

package/{labelWithLatex-CsOmIYzz.js → labelWithLatex-DtXSmigp.js}

@@ -1,4 +1,4 @@
-import { p as jsxRuntimeExports, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports, v as DynamicMath } from "./doenetml-CKC903On.js";
 function renderLabelWithLatex({
   label,
   labelHasLatex

package/{legend-ZPzJ1SLv.js → legend-P8bA66Pn.js}

@@ -1,8 +1,8 @@
-import { J as deepCompare, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { J as deepCompare, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext } from "./graph-BpbjUn8w.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext } from "./graph-Shoc8JnU.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 const legend = React__default.memo(function Legend(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{line-B1QiilgT.js → line-DVW3oKW5.js}

@@ -1,11 +1,11 @@
-import { q as DocContext, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DVSxZbFk.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
+import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
+import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as resolveLineColor } from "./styleColors-Cknqcr0q.js";

package/{lineFamilyDragHandlers-DVSxZbFk.js → lineFamilyDragHandlers-Clzykt4r.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { q as DocContext, N as hasNavigationModifier } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, N as hasNavigationModifier } from "./doenetml-CKC903On.js";
 import { e as exceededDragThreshold } from "./dragThreshold-DuSSFrIU.js";
 function useSourceNavigation(domId) {
   const { reportGraphElementUp } = useContext(DocContext);

package/{lineSegment-CT3KASYT.js → lineSegment-CMfI8CzX.js}

@@ -1,10 +1,10 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DVSxZbFk.js";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
+import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
+import { a as buildLineLikeAttributes, c as buildDragHandleAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as resolveLineColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
@@ -72,19 +72,15 @@ const lineSegment = React__default.memo(function LineSegment(props) {
       maskLabel: SVs.maskLabel
     });
     let endpointsVisible = !endpointsFixed.current && !SVs.hidden;
-    let jsxPointAttributes = Object.assign({}, jsxSegmentAttributes);
-    Object.assign(jsxPointAttributes, {
-      withlabel: false,
-      fixed: false,
-      highlight: true,
-      fillColor: "none",
-      strokeColor: "none",
-      highlightStrokeColor: "none",
-      highlightFillColor: resolveHandleColor(darkMode),
-      layer: 10 * SVs.layer + VERTEX_LAYER_OFFSET,
-      showInfoBox: SVs.showCoordsWhenDragging,
+    let jsxPointAttributes = {
+      ...buildDragHandleAttributes({
+        elementAttributes: jsxSegmentAttributes,
+        layer: 10 * SVs.layer + VERTEX_LAYER_OFFSET,
+        darkMode,
+        showInfoBox: SVs.showCoordsWhenDragging
+      }),
       visible: endpointsVisible
-    });
+    };
     let endpoints = [
       [...SVs.numericalEndpoints[0]],
       [...SVs.numericalEndpoints[1]]

package/{list-CseGxUq-.js → list-D_mXsSXQ.js}

@@ -1,8 +1,8 @@
-import { w as useContentT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { w as useContentT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { a as addCommasForCompositeRanges } from "./composites-BY7-JuTc.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Bl1nM1Rc.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
 const list = React__default.memo(function List(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const tContent = useContentT();

package/{lq-CAAidAOg.js → lq-CyXQKGzw.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const lq = React__default.memo(function Lq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{lsq-B28Z8bv3.js → lsq-CKkVotjY.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const lsq = React__default.memo(function Lsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{markupRenderer-BtKUERzJ.js → markupRenderer-D1tNv_Bq.js}

@@ -1,4 +1,4 @@
-import { a as addCommasForCompositeRanges } from "./composites-BY7-JuTc.js";
+import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
 function renderMarkupBody({
   SVs,
   children

package/{math-BREIxh-E.js → math-DcMrHfiM.js}

@@ -1,13 +1,13 @@
-import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-CKC903On.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CE3goik5.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CKCVFGYp.js";
 function getMathDelimiters(SVs) {
   if (SVs.renderMode === "inline") {
     return ["\\(", "\\)"];

package/{mathInput-BkKkb63g.js → mathInput-CM0oZNJB.js}

@@ -1,14 +1,14 @@
-import { p as jsxRuntimeExports, w as useContentT, F as useAppSelector, ap as keyboardSlice, aq as FocusedMathInputContext, y as Context, ar as PopoverAnchor, M as MathJax, a3 as usePopoverStore, X as useStoreState, u as useT, a6 as Popover } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports, w as useContentT, F as useAppSelector, ap as keyboardSlice, aq as FocusedMathInputContext, y as Context, ar as PopoverAnchor, M as MathJax, a3 as usePopoverStore, X as useStoreState, u as useT, a6 as Popover } from "./doenetml-CKC903On.js";
 import React__default, { useRef, useEffect, useContext, useState, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { P as PropTypes } from "./index-Ci4K0tDE.js";
-import { D as DescriptionPopover, P as PopoverArrow } from "./Description-B_KGuyjX.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { P as PropTypes } from "./index-dmesrz8k.js";
+import { D as DescriptionPopover, P as PopoverArrow } from "./Description-CeSquB0w.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Bl1nM1Rc.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
 import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
 import { g as getPositionFromAnchorByCoordinate, P as POINTER_DRAG_THRESHOLD } from "./graph-W6vrFcBu.js";
 const DEFAULT_MATH_INPUT_FUNCTION_NAMES = [
   "arg",

package/{matrixInput-BNWpketN.js → matrixInput-FuKpVk_a.js}

@@ -1,9 +1,9 @@
-import { u as useT, w as useContentT, p as jsxRuntimeExports, K as ActionButtonGroup, L as ActionButton, M as MathJax } from "./doenetml-RwjW6x7w.js";
+import { u as useT, w as useContentT, p as jsxRuntimeExports, K as ActionButtonGroup, L as ActionButton, M as MathJax } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Bl1nM1Rc.js";
-import { D as DescriptionPopover } from "./Description-B_KGuyjX.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
+import { D as DescriptionPopover } from "./Description-CeSquB0w.js";
 const matrixInput = React__default.memo(function MatrixInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   const t = useT();

package/{mdash-9jp_u7Un.js → mdash-BABxuRC_.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const mdash = React__default.memo(function Mdash(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{nbsp-C8hCQ6TS.js → nbsp-CUYTxD8h.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const nbsp = React__default.memo(function Nbsp(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{ndash-CmJAVnNq.js → ndash-B-SHbaFG.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const ndash = React__default.memo(function Ndash(props) {
   let { SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{number-r1umcD9p.js → number-BluUugiB.js}

@@ -1,13 +1,13 @@
-import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-CKC903On.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CE3goik5.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CKCVFGYp.js";
 const number = React__default.memo(function NumberComponent(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   NumberComponent.ignoreActionsWithoutCore = () => true;

package/{orbitalDiagram-CaNwebaQ.js → orbitalDiagram-CcsEMNH5.js}

@@ -1,6 +1,6 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{orbitalDiagramInput-B5JhTAdB.js → orbitalDiagramInput-BaR6FltQ.js}

@@ -1,6 +1,6 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports, B as Button2 } from "./doenetml-RwjW6x7w.js";
+import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports, B as Button2 } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{p-DP7YNDfx.js → p-DMbbK7I1.js}

@@ -1,8 +1,8 @@
-import { w as useContentT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { w as useContentT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { a as addCommasForCompositeRanges } from "./composites-BY7-JuTc.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Bl1nM1Rc.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
 const p = React__default.memo(function P(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const tContent = useContentT();

package/package.json

@@ -2,7 +2,7 @@
     "name": "@doenet/doenetml",
     "type": "module",
     "description": "Semantic markup for building interactive web activities",
-    "version": "0.7.21-dev.415",
+    "version": "0.7.21-dev.416",
     "license": "AGPL-3.0-or-later",
     "homepage": "https://github.com/Doenet/DoenetML#readme",
     "repository": {

package/{paginatorControls-B-qNFkKU.js → paginatorControls-B-F1HpS4.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports, B as Button2 } from "./doenetml-RwjW6x7w.js";
+import { p as jsxRuntimeExports, B as Button2 } from "./doenetml-CKC903On.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
 const paginatorControls = React__default.memo(function PaginatorControls(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{pegboard-D7nAJ6RY.js → pegboard-BGC31Eyq.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, BASE_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { y as Context } from "./doenetml-RwjW6x7w.js";
+import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext, BASE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { y as Context } from "./doenetml-CKC903On.js";
 const { round } = Context.math;
 const pegboard = React__default.memo(function Pegboard(props) {
   let { SVs } = useDoenetRenderer(props);

package/{point-C59ja3n2.js → point-BT1XGRo9.js}

@@ -1,12 +1,12 @@
-import { q as DocContext, t as textRendererStyle, p as jsxRuntimeExports, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, t as textRendererStyle, p as jsxRuntimeExports, v as DynamicMath } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, POINT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
+import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext, POINT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
 import { c as characterizeOffGraphPoint } from "./offGraphIndicators-CYoqQHuD.js";
 import { n as normalizePointStyle, a as normalizePointSize, b as adjustPointLabelPosition, e as calculatePointLabelAnchor } from "./graph-W6vrFcBu.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DVSxZbFk.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { c as resolveMarkerColor } from "./styleColors-Cknqcr0q.js";

package/{polygon-CT-ARozK.js → polygon-Cfu9QrkP.js}

@@ -1,16 +1,16 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DVSxZbFk.js";
+import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as resolveLineColor, r as resolveFillColor, b as resolveCanvasColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { c as buildBaseAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-Cwsbhubm.js";
+import { d as buildBaseAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-BC4vIjlx.js";
 const polygon = React__default.memo(function Polygon(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polygon.ignoreActionsWithoutCore = () => true;