@doenet/doenetml 0.7.25-dev.507 → 0.7.25-dev.508

package/{subsetOfRealsInput-DlDQbv1v.js → subsetOfRealsInput-cxMNVNKR.js}

@@ -1,6 +1,6 @@
-import { u as useT, G as useRecordVisibilityChanges, q as jsxRuntimeExports, W as ToggleButtonGroup, U as ToggleButton, R as ActionButtonGroup, S as ActionButton } from "./doenetml-u1YndSm7.js";
+import { u as useT, G as useRecordVisibilityChanges, q as jsxRuntimeExports, W as ToggleButtonGroup, U as ToggleButton, R as ActionButtonGroup, S as ActionButton } from "./doenetml-D-MlvjpX.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);

package/{summaryStatistics-CnJBRB-2.js → summaryStatistics-C3s88_nN.js}

@@ -1,6 +1,6 @@
-import { u as useT, v as useChromeLangDir, G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
+import { u as useT, v as useChromeLangDir, G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const summaryStatistics = React__default.memo(function SummaryStatistics(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{table-BzSa1HfY.js → table-C_FNmcaC.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
+import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 const table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-BgoXaZGa.js → tabular-Bx24zu-e.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
+import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 const tabular = React__default.memo(function Tabular(props) {

package/{tag-01PSjwFf.js → tag-DaUHHQR-.js}

@@ -1,6 +1,6 @@
-import { q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
+import { q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 const tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-BxPZX-K3.js → text-Bwv6foAp.js}

@@ -1,13 +1,13 @@
-import { A as DocContext, H as Context, q as jsxRuntimeExports, B as textRendererStyle } from "./doenetml-u1YndSm7.js";
+import { A as DocContext, H as Context, q as jsxRuntimeExports, B as textRendererStyle } from "./doenetml-D-MlvjpX.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-D6iPo1FB.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-8Ybpt4il.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { j as jxg } from "./JSXGraphRenderer-D-h7eH-Q.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DEJxLN7s.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-CHRv9fJO.js";
+import { ChoiceInputInlineContext } from "./choiceInput-CP_MrBMk.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs } from "./useDraggableRefs-QaTfkVuD.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BFxdkMVn.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-DxzKZzL0.js";
 import { u as useJSXGraphCleanup } from "./useJSXGraphCleanup-BNk4sn6x.js";
 const text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{textInput-sJQiLyIq.js → textInput-ngbf4QtZ.js}

@@ -1,12 +1,12 @@
-import { F as useContentT, H as Context, q as jsxRuntimeExports, T as MathJax } from "./doenetml-u1YndSm7.js";
+import { F as useContentT, H as Context, q as jsxRuntimeExports, T as MathJax } from "./doenetml-D-MlvjpX.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-D6iPo1FB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { j as jxg } from "./JSXGraphRenderer-D-h7eH-Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-8Ybpt4il.js";
+import { BoardContext } from "./graph-DEJxLN7s.js";
 import { g as getPositionFromAnchorByCoordinate, P as POINTER_DRAG_THRESHOLD } from "./graph-W6vrFcBu.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DUYvY61i.js";
-import { D as DescriptionPopover } from "./Description-DfuIwBpF.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dlm36ClP.js";
+import { D as DescriptionPopover } from "./Description-9xkiCcAk.js";
 import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
 function TextInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);

package/{tooltip-provider-DGFLtEVi.js → tooltip-provider-srILFzBI.js}

@@ -1,5 +1,5 @@
-import { ae as createStoreContext, af as createDialogComponent, Y as forwardRef, Z as createElement, $ as createHook, a1 as invariant, ag as useWrapElement, q as jsxRuntimeExports, a2 as useStoreState, ah as isFalsyBooleanCallback, ai as contains, aj as sync, ak as chain, al as useEvent, am as createStore, an as defaultValue, ao as useStore, ap as useStoreProps } from "./doenetml-u1YndSm7.js";
-import { H as HovercardScopedContextProvider, a as HovercardContextProvider, u as useHovercard, b as useHovercardAnchor, c as createHovercardStore, d as useHovercardStoreProps } from "./hovercard-store-BGkBLOUR.js";
+import { ae as createStoreContext, af as createDialogComponent, Y as forwardRef, Z as createElement, $ as createHook, a1 as invariant, ag as useWrapElement, q as jsxRuntimeExports, a2 as useStoreState, ah as isFalsyBooleanCallback, ai as contains, aj as sync, ak as chain, al as useEvent, am as createStore, an as defaultValue, ao as useStore, ap as useStoreProps } from "./doenetml-D-MlvjpX.js";
+import { H as HovercardScopedContextProvider, a as HovercardContextProvider, u as useHovercard, b as useHovercardAnchor, c as createHovercardStore, d as useHovercardStoreProps } from "./hovercard-store-C6w9Xi6E.js";
 import { useRef, useEffect } from "react";
 const ctx = createStoreContext([HovercardContextProvider], [HovercardScopedContextProvider]);
 const useTooltipProviderContext = ctx.useProviderContext;

package/{useAnchoredGraphDragHandler-BFxdkMVn.js → useAnchoredGraphDragHandler-DxzKZzL0.js}

@@ -1,4 +1,4 @@
-import { r as removeJXGEventHandlers, L as LINE_FAMILY_EVENTS, j as jxg } from "./JSXGraphRenderer-D6iPo1FB.js";
+import { r as removeJXGEventHandlers, L as LINE_FAMILY_EVENTS, j as jxg } from "./JSXGraphRenderer-D-h7eH-Q.js";
 import { e as exceededDragThreshold, p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 function attachAnchoredGraphDragHandlers(params) {
   const {

package/useDoenetRenderer-UyWCNuKB.js

@@ -0,0 +1,114 @@
+import { x as useAppSelector, y as mainSlice, z as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-D-MlvjpX.js";
+import React__default, { useState, useEffect } from "react";
+function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
+  const actions = props.componentInstructions.actions;
+  const componentIdx = props.componentInstructions.componentIdx;
+  const effectiveIdx = props.componentInstructions.effectiveIdx;
+  const id = props.componentInstructions.id;
+  const rendererName = props.coreId + componentIdx;
+  const [renderersToLoad, setRenderersToLoad] = useState({});
+  const componentInfo = useAppSelector(
+    (state) => mainSlice.selectors.componentInfo(state)[rendererName]
+  );
+  const {
+    stateValues,
+    sourceOfUpdate = {},
+    ignoreUpdate,
+    childrenInstructions,
+    prefixForIds
+  } = componentInfo || {
+    stateValues: {},
+    sourceOfUpdate: {},
+    ignoreUpdate: false,
+    childrenInstructions: [],
+    prefixForIds: ""
+  };
+  let children = [];
+  const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
+  for (let childInstructions of childrenInstructions) {
+    let child = createChildFromInstructions(
+      childInstructions,
+      loadMoreRenderers
+    );
+    children.push(child);
+  }
+  useEffect(() => {
+    const entries = Object.entries(renderersToLoad);
+    if (entries.length > 0) {
+      const names = entries.map(([name]) => name);
+      const loaders = entries.map(([, loader]) => loader);
+      renderersLoadComponent(loaders, names).then(
+        ({ rendererClasses: newRendererClasses }) => {
+          Object.assign(props.rendererClasses, newRendererClasses);
+          setRenderersToLoad({});
+        }
+      );
+    }
+  }, [renderersToLoad, props.rendererClasses]);
+  function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
+    if (typeof childInstructions === "string" || childInstructions === null) {
+      return childInstructions;
+    }
+    let propsForChild = {
+      key: props.coreId + childInstructions.componentIdx,
+      componentInstructions: childInstructions,
+      rendererClasses: props.rendererClasses,
+      coreId: props.coreId,
+      docId: props.docId,
+      activityId: props.activityId,
+      callAction: props.callAction,
+      fetchExternalDoenetML: props.fetchExternalDoenetML,
+      requestScrollTo: props.requestScrollTo,
+      flags: props.flags
+    };
+    let rendererClass = props.rendererClasses[childInstructions.rendererType];
+    if (!rendererClass) {
+      if (loadMoreRenderers2) {
+        setRenderersToLoad((old) => {
+          let rendererLoaders = { ...old };
+          if (!(childInstructions.rendererType in rendererLoaders)) {
+            rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-BBe_OHun.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-D-h7eH-Q.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-xoPS4ylR.js"), "./renderers/alert.tsx": () => import("./alert-Bd-rOjK5.js"), "./renderers/angle.tsx": () => import("./angle-ByHQbkot.js"), "./renderers/answer.tsx": () => import("./answer-C7iWerJU.js"), "./renderers/asList.tsx": () => import("./asList-D5Rmgn6J.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-DytO_fho.js"), "./renderers/boolean.tsx": () => import("./boolean-CHkxx77b.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-C7X8yxsi.js"), "./renderers/br.tsx": () => import("./br-BAqzBJXy.js"), "./renderers/button.tsx": () => import("./button-Bx5TNS-p.js"), "./renderers/c.tsx": () => import("./c-8yJmTtwG.js"), "./renderers/cell.tsx": () => import("./cell-CfF5x6ah.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-CP_MrBMk.js"), "./renderers/circle.tsx": () => import("./circle-DuJCg1NM.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-C_8dB69b.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-BOlD1E56.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BcrzJRO5.js"), "./renderers/containerInline.tsx": () => import("./containerInline-B2CNSZKZ.js"), "./renderers/curve.tsx": () => import("./curve-DhoP5Bw3.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-BLIkiXMS.js"), "./renderers/em.tsx": () => import("./em-DRpem1-2.js"), "./renderers/embed.tsx": () => import("./embed-rqTRzFAq.js"), "./renderers/feedback.tsx": () => import("./feedback-Cllga3c8.js"), "./renderers/figure.tsx": () => import("./figure-g0KPrh2g.js"), "./renderers/footnote.tsx": () => import("./footnote-NbaFHPVN.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-CDrDh9Fv.js"), "./renderers/graph.tsx": () => import("./graph-DEJxLN7s.js"), "./renderers/hint.tsx": () => import("./hint-DrALFzMS.js"), "./renderers/hr.tsx": () => import("./hr-D60yVJF8.js"), "./renderers/image.tsx": () => import("./image-D2AAKAkE.js"), "./renderers/label.tsx": () => import("./label-C9mDUeLa.js"), "./renderers/legend.tsx": () => import("./legend-C6fv77U1.js"), "./renderers/line.tsx": () => import("./line-D70Ga1ZR.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-CY56NKgL.js"), "./renderers/list.tsx": () => import("./list-ByHyqkne.js"), "./renderers/lq.tsx": () => import("./lq-BsjmRGG-.js"), "./renderers/lsq.tsx": () => import("./lsq-Coc4hkoA.js"), "./renderers/math.tsx": () => import("./math-BuIKoKOy.js"), "./renderers/mathInput.tsx": () => import("./mathInput-qYk3ZYyj.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-BN8rvPJ1.js"), "./renderers/mdash.tsx": () => import("./mdash-DY8x56Gi.js"), "./renderers/nbsp.tsx": () => import("./nbsp-CXbufv9K.js"), "./renderers/ndash.tsx": () => import("./ndash-fuyshFxl.js"), "./renderers/number.tsx": () => import("./number-Eb5VzM_3.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DH3M6stA.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-Dp9_SsaS.js"), "./renderers/p.tsx": () => import("./p-C-ElLn48.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-CsvOFtmD.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DykTEm7O.js"), "./renderers/point.tsx": () => import("./point-B2E2eTId.js"), "./renderers/polygon.tsx": () => import("./polygon-CMbtwfIV.js"), "./renderers/polyline.tsx": () => import("./polyline-C3B4nNLP.js"), "./renderers/pre.tsx": () => import("./pre-Bz1ObVxi.js"), "./renderers/prefigure.tsx": () => import("./prefigure-CjSd_o5R.js"), "./renderers/pretzel.tsx": () => import("./pretzel-CUqywVnZ.js"), "./renderers/q.tsx": () => import("./q-CfaZ9Q4M.js"), "./renderers/ray.tsx": () => import("./ray-BHE803z-.js"), "./renderers/ref.tsx": () => import("./ref-XzKSEd_P.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-Cene1PWc.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-UUj2tPjD.js"), "./renderers/row.tsx": () => import("./row-AdEMsZm3.js"), "./renderers/rq.tsx": () => import("./rq-DpsoAxFh.js"), "./renderers/rsq.tsx": () => import("./rsq-BUIvQK49.js"), "./renderers/section.tsx": () => import("./section-DFB_LR6S.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-BpVt_Czj.js"), "./renderers/slider.tsx": () => import("./slider-H18xbWk7.js"), "./renderers/slopeField.tsx": () => import("./slopeField-CKdArhAk.js"), "./renderers/solution.tsx": () => import("./solution-Du-CeIET.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-CMoTjyKf.js"), "./renderers/sq.tsx": () => import("./sq-CVP4ayps.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-cxMNVNKR.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-C3s88_nN.js"), "./renderers/table.tsx": () => import("./table-C_FNmcaC.js"), "./renderers/tabular.tsx": () => import("./tabular-Bx24zu-e.js"), "./renderers/tag.tsx": () => import("./tag-DaUHHQR-.js"), "./renderers/text.tsx": () => import("./text-Bwv6foAp.js"), "./renderers/textInput.tsx": () => import("./textInput-ngbf4QtZ.js"), "./renderers/vector.tsx": () => import("./vector-DWL6PO2D.js"), "./renderers/vectorField.tsx": () => import("./vectorField-DgzpZYlm.js"), "./renderers/video.tsx": () => import("./video-OMWIgpoH.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
+          }
+          return rendererLoaders;
+        });
+      }
+      return null;
+    }
+    let child = React__default.createElement(rendererClass, propsForChild);
+    return child;
+  }
+  let rendererType = props.componentInstructions.rendererType;
+  const callAction = (argObj) => {
+    if (!argObj.componentIdx) {
+      argObj = { ...argObj };
+      argObj.componentIdx = componentIdx;
+    }
+    if (!argObj.rendererType) {
+      argObj = { ...argObj };
+      argObj.rendererType = rendererType;
+    }
+    return props.callAction(argObj);
+  };
+  return {
+    componentIdx: effectiveIdx,
+    id: prefixForIds + id,
+    SVs: stateValues,
+    docId: props.docId,
+    activityId: props.activityId,
+    actions,
+    children,
+    sourceOfUpdate,
+    ignoreUpdate,
+    rendererName,
+    initializeChildren: () => {
+    },
+    callAction,
+    doenetViewerUrl: props.doenetViewerUrl,
+    fetchExternalDoenetML: props.fetchExternalDoenetML,
+    requestScrollTo: props.requestScrollTo,
+    flags: props.flags
+  };
+}
+export {
+  useDoenetRenderer as u
+};

package/{useFieldCurve-D2aEaoKQ.js → useFieldCurve-BeALHbXl.js}

@@ -1,6 +1,6 @@
 import { useMemo, useContext, useRef } from "react";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-8Ybpt4il.js";
-import { K as createFunctionFromDefinition, A as DocContext } from "./doenetml-u1YndSm7.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-DEJxLN7s.js";
+import { K as createFunctionFromDefinition, A as DocContext } from "./doenetml-D-MlvjpX.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 import { u as useJSXGraphCleanup } from "./useJSXGraphCleanup-BNk4sn6x.js";
 function fieldFunctionFromDefinition(fDefinition) {

package/{useSubmitActionWithDelay-DUYvY61i.js → useSubmitActionWithDelay-Dlm36ClP.js}

@@ -1,5 +1,5 @@
-import { q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
-import { F as FontAwesomeIcon } from "./index.es-CVZDHLHO.js";
+import { q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
+import { F as FontAwesomeIcon } from "./index.es-BZY0c1t3.js";
 import { d as faSpinner, e as faLevelDownAlt, g as faCheck, h as faTimes, i as faCloud } from "./index-BDlitCgu.js";
 import React__default, { useCallback } from "react";
 function calculateValidationState(SVs) {

package/{vector-pTEAgwh0.js → vector-DWL6PO2D.js}

@@ -1,11 +1,11 @@
-import { A as DocContext, q as jsxRuntimeExports, B as textRendererStyle } from "./doenetml-u1YndSm7.js";
+import { A as DocContext, q as jsxRuntimeExports, B as textRendererStyle } from "./doenetml-D-MlvjpX.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, 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-D6iPo1FB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-8Ybpt4il.js";
-import { D as DynamicMath } from "./DynamicMath-MXYV2Z9s.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Bq8re2Ed.js";
-import { ChoiceInputInlineContext } from "./choiceInput-CHRv9fJO.js";
+import { j as jxg, 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-D-h7eH-Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DEJxLN7s.js";
+import { D as DynamicMath } from "./DynamicMath-Bmg5p72t.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Bcg80hj8.js";
+import { ChoiceInputInlineContext } from "./choiceInput-CP_MrBMk.js";
 import { a as buildLineLikeAttributes, c as buildDragHandleAttributes } from "./buildGraphicalAttributes-BTKBJYXD.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";

package/{vectorField-Cs8RmjI1.js → vectorField-DgzpZYlm.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
-import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-D2aEaoKQ.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
+import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-BeALHbXl.js";
 const vectorField = React__default.memo(function VectorField(props) {
   let { SVs } = useDoenetRenderer(props);
   VectorField.ignoreActionsWithoutCore = () => true;

package/{video-BX46joJU.js → video-OMWIgpoH.js}

@@ -1,10 +1,10 @@
-import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-u1YndSm7.js";
+import { G as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-D-MlvjpX.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-UyWCNuKB.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-DfuIwBpF.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-9xkiCcAk.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-Ddzb1tjn.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-DqF3Wxsr.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;

package/legend-D_nZziIf.js

@@ -1,347 +0,0 @@
-import { A as DocContext, M as deepCompare, q as jsxRuntimeExports, C as loadMathJax } from "./doenetml-u1YndSm7.js";
-import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-D6iPo1FB.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-CUfcSgne.js";
-import { BoardContext, BASE_LAYER_OFFSET, LINE_LAYER_OFFSET, POINT_LAYER_OFFSET, TEXT_LAYER_OFFSET } from "./graph-8Ybpt4il.js";
-import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { e as resolveBackgroundColor, b as resolveCanvasColor, f as resolveTextColor, g as resolvePanelBorderColor } from "./styleColors-CKo0M7P-.js";
-const legend = React__default.memo(function Legend(props) {
-  let { id, SVs } = useDoenetRenderer(props);
-  const board = useContext(BoardContext);
-  const { darkMode } = useContext(DocContext) || {};
-  let swatches = useRef([]);
-  let labels = useRef([]);
-  let box = useRef(null);
-  let previousDependencies = useRef(null);
-  const layoutGeneration = useRef(0);
-  const boxFillColor = resolveBackgroundColor(SVs.selectedStyle, darkMode) || resolveCanvasColor(darkMode);
-  const boxBorderColor = resolvePanelBorderColor(darkMode);
-  const labelTextColor = resolveTextColor(SVs.selectedStyle, darkMode);
-  const boxLayer = 10 * SVs.layer + BASE_LAYER_OFFSET;
-  const lineSwatchLayer = 10 * SVs.layer + LINE_LAYER_OFFSET;
-  const markerSwatchLayer = 10 * SVs.layer + POINT_LAYER_OFFSET;
-  const labelLayer = 10 * SVs.layer + TEXT_LAYER_OFFSET;
-  useEffect(() => {
-    return () => {
-      deleteLegend();
-    };
-  }, []);
-  function createLegend() {
-    if (board === null) {
-      return;
-    }
-    const generation = ++layoutGeneration.current;
-    let { xMin, xMax, yMin, yMax } = SVs.graphLimits;
-    let legendDy = (yMax - yMin) * 0.06;
-    let legendLineLength = (xMax - xMin) * 0.05;
-    let legendDx = (xMax - xMin) * 0.02;
-    const baseLegendX = xMin + (xMax - xMin) * 0.05;
-    let legendX = baseLegendX;
-    let legendY;
-    if (SVs.position.slice(0, 5) === "upper") {
-      legendY = yMin + (yMax - yMin) * 0.95;
-    } else {
-      legendY = yMin + (yMax - yMin) * 0.05 + legendDy * SVs.legendElements.length;
-    }
-    let atRight = SVs.position.slice(SVs.position.length - 5, SVs.position.length) === "right";
-    swatches.current = [];
-    labels.current = [];
-    let maxTextWidth = 0;
-    let usedMathJax = false;
-    for (let [ind, element] of SVs.legendElements.entries()) {
-      if (element.label) {
-        let y = legendY - ind * legendDy;
-        let textAttrs = {
-          fixed: true,
-          highlight: false,
-          layer: labelLayer,
-          strokeColor: labelTextColor,
-          highlightStrokeColor: labelTextColor,
-          // A label is an absolutely positioned div inside the
-          // board, so left to itself it is only as wide as the room
-          // beside it and wraps to fit. The legend gives each entry
-          // one row, and the box is drawn around those rows, so a
-          // label that wraps is taller than the row it was given: it
-          // overlaps the entry below and overflows the box. Kept on
-          // one line it runs past the graph's edge instead, which is
-          // the lesser of the two (see #1750).
-          cssStyle: "white-space: nowrap"
-        };
-        if (element.label.hasLatex) {
-          textAttrs.useMathJax = true;
-          textAttrs.parse = false;
-          usedMathJax = true;
-        }
-        let txt = board.create(
-          "text",
-          [
-            legendX + legendLineLength + legendDx,
-            y,
-            element.label.value
-          ],
-          textAttrs
-        );
-        labels.current.push(txt);
-        maxTextWidth = Math.max(maxTextWidth, txt.rendNode.offsetWidth);
-      }
-    }
-    maxTextWidth /= board.unitX;
-    if (atRight) {
-      legendX = Math.max(
-        baseLegendX,
-        xMax - legendLineLength - 3 * legendDx - maxTextWidth
-      );
-    }
-    function currentBoxCorners() {
-      const padX = legendDx / 2;
-      const padY = legendDy / 4;
-      const left = legendX - padX;
-      const right = legendX + legendLineLength + legendDx + maxTextWidth + padX;
-      const top = legendY + legendDy / 2 + padY;
-      const bottom = legendY - (SVs.legendElements.length - 1) * legendDy - legendDy / 2 - padY;
-      return [
-        [left, top],
-        [right, top],
-        [right, bottom],
-        [left, bottom]
-      ];
-    }
-    if (SVs.boxed && SVs.legendElements.length > 0) {
-      box.current = board.create("polygon", currentBoxCorners(), {
-        fillColor: boxFillColor,
-        fillOpacity: 1,
-        fixed: true,
-        highlight: false,
-        layer: boxLayer,
-        vertices: { visible: false },
-        borders: {
-          strokeColor: boxBorderColor,
-          strokeWidth: 1,
-          strokeOpacity: 1,
-          fixed: true,
-          highlight: false,
-          layer: boxLayer
-        }
-      });
-    }
-    for (let [ind, element] of SVs.legendElements.entries()) {
-      let y = legendY - ind * legendDy;
-      if (element.swatchType === "marker") {
-        let pointStyle = {
-          fillColor: element.markerColor,
-          fillOpacity: element.lineOpacity,
-          strokeColor: "none",
-          size: element.markerSize,
-          face: normalizeStyle(element.markerStyle),
-          fixed: true,
-          highlight: false,
-          withLabel: false,
-          showInfoBox: false,
-          layer: markerSwatchLayer
-        };
-        let point = board.create(
-          "point",
-          [legendX + legendLineLength / 2, y],
-          pointStyle
-        );
-        swatches.current.push(point);
-      } else if (element.swatchType === "rectangle") {
-        let rectangleStyle = {
-          fillColor: element.filled ? element.fillColor : "none",
-          fillOpacity: element.fillOpacity,
-          fixed: true,
-          highlight: false,
-          layer: lineSwatchLayer,
-          vertices: { visible: false },
-          borders: {
-            strokeColor: element.lineColor,
-            strokeWidth: element.lineWidth,
-            strokeOpacity: element.lineOpacity,
-            dash: styleToDash(element.lineStyle),
-            fixed: true,
-            highlight: false,
-            layer: lineSwatchLayer
-          }
-        };
-        let seg = board.create(
-          "polygon",
-          [
-            [legendX, y + legendDy / 4],
-            [legendX + legendLineLength, y + legendDy / 4],
-            [legendX + legendLineLength, y - legendDy / 4],
-            [legendX, y - legendDy / 4]
-          ],
-          rectangleStyle
-        );
-        swatches.current.push(seg);
-      } else {
-        let lineStyle = {
-          strokeColor: element.lineColor,
-          strokeWidth: element.lineWidth,
-          strokeOpacity: element.lineOpacity,
-          dash: styleToDash(element.lineStyle),
-          fixed: true,
-          highlight: false,
-          layer: lineSwatchLayer
-        };
-        let seg = board.create(
-          "segment",
-          [
-            [legendX, y],
-            [legendX + legendLineLength, y]
-          ],
-          lineStyle
-        );
-        swatches.current.push(seg);
-      }
-      if (atRight && element.label) {
-        labels.current[ind].coords.setCoordinates(jxg.COORDS_BY_USER, [
-          legendX + legendLineLength + legendDx,
-          y
-        ]);
-      }
-    }
-    if (usedMathJax && (atRight || box.current)) {
-      layOutAfterTypesetting().then(() => {
-        if (layoutGeneration.current !== generation) {
-          return;
-        }
-        maxTextWidth = 0;
-        for (let txt of labels.current) {
-          maxTextWidth = Math.max(
-            maxTextWidth,
-            txt.rendNode.offsetWidth
-          );
-        }
-        maxTextWidth /= board.unitX;
-        if (atRight) {
-          legendX = Math.max(
-            baseLegendX,
-            xMax - legendLineLength - 3 * legendDx - maxTextWidth
-          );
-          for (let [ind, swatch] of swatches.current.entries()) {
-            let y = legendY - ind * legendDy;
-            if (swatch.elType === "point") {
-              swatch.coords.setCoordinates(
-                jxg.COORDS_BY_USER,
-                [legendX + legendLineLength / 2, y]
-              );
-              swatch.needsUpdate = true;
-              swatch.update();
-            } else if (swatch.elType === "polygon") {
-              movePolygon(swatch, [
-                [legendX, y + legendDy / 4],
-                [
-                  legendX + legendLineLength,
-                  y + legendDy / 4
-                ],
-                [
-                  legendX + legendLineLength,
-                  y - legendDy / 4
-                ],
-                [legendX, y - legendDy / 4]
-              ]);
-            } else {
-              const line = swatch;
-              line.point1.coords.setCoordinates(
-                jxg.COORDS_BY_USER,
-                [legendX, y]
-              );
-              line.point2.coords.setCoordinates(
-                jxg.COORDS_BY_USER,
-                [legendX + legendLineLength, y]
-              );
-              line.needsUpdate = true;
-              line.update();
-            }
-            if (labels.current[ind]) {
-              labels.current[ind].coords.setCoordinates(
-                jxg.COORDS_BY_USER,
-                [legendX + legendLineLength + legendDx, y]
-              );
-              labels.current[ind].needsUpdate = true;
-              labels.current[ind].update();
-            }
-          }
-        }
-        if (box.current) {
-          movePolygon(box.current, currentBoxCorners());
-        }
-        board.updateRenderer();
-      }).catch((e) => {
-        console.error(
-          "Failed to lay out legend after typesetting",
-          e
-        );
-      });
-    }
-  }
-  async function layOutAfterTypesetting() {
-    const mathJax = await loadMathJax();
-    await mathJax.startup?.promise;
-  }
-  function deleteLegend() {
-    layoutGeneration.current++;
-    for (let swatch of swatches.current) {
-      board?.removeObject(swatch);
-    }
-    for (let txt of labels.current) {
-      board?.removeObject(txt);
-    }
-    if (box.current) {
-      board?.removeObject(box.current);
-      box.current = null;
-    }
-    swatches.current = [];
-    labels.current = [];
-  }
-  if (board) {
-    const dependencies = {
-      hidden: SVs.hidden,
-      legendElements: [...SVs.legendElements],
-      graphLimits: { ...SVs.graphLimits },
-      position: SVs.position,
-      layer: SVs.layer,
-      boxed: SVs.boxed,
-      boxFillColor,
-      boxBorderColor,
-      labelTextColor
-    };
-    if (!deepCompare(previousDependencies.current, dependencies)) {
-      deleteLegend();
-      if (!SVs.hidden) {
-        createLegend();
-      }
-    }
-    previousDependencies.current = dependencies;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { id }) });
-  }
-  if (SVs.hidden) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { id }) });
-});
-function normalizeStyle(style) {
-  if (style === "triangle") {
-    return "triangleup";
-  } else {
-    return style;
-  }
-}
-function movePolygon(polygon, corners) {
-  for (let i = 0; i < corners.length; i++) {
-    polygon.vertices[i].coords.setCoordinates(
-      jxg.COORDS_BY_USER,
-      corners[i]
-    );
-    polygon.vertices[i].needsUpdate = true;
-    polygon.vertices[i].update();
-    polygon.borders[i].needsUpdate = true;
-    polygon.borders[i].update();
-  }
-  polygon.needsUpdate = true;
-  polygon.update();
-}
-export {
-  legend as default
-};