@doenet/doenetml 0.7.27-dev.765 → 0.7.27-dev.768

package/{offGraphIndicators-KYJwMZUg.js → useRerenderOnBoundingBoxChange-DbvvItwW.js}

@@ -1,4 +1,5 @@
 import { g as getEffectiveBoundingBox } from "./graph-CfMpl1HY.js";
+import { useState, useRef, useEffect } from "react";
 function characterizeOffGraphPoint(coords, board) {
   let { flippedX, flippedY, xMin, xMax, yMin, yMax } = getEffectiveBoundingBox(board);
   let xscale = xMax - xMin;
@@ -64,7 +65,27 @@ function characterizeOffGraphCircleArc({
   }
   return { needIndicator: false };
 }
+function useRerenderOnBoundingBoxChange(board, needsRerender) {
+  const [, setBoundingBoxVersion] = useState(0);
+  const needsRerenderRef = useRef(needsRerender);
+  needsRerenderRef.current = needsRerender;
+  useEffect(() => {
+    if (!board) {
+      return;
+    }
+    function handler() {
+      if (needsRerenderRef.current()) {
+        setBoundingBoxVersion((v) => v + 1);
+      }
+    }
+    board.on("boundingbox", handler);
+    return () => {
+      board.off("boundingbox", handler);
+    };
+  }, [board]);
+}
 export {
   characterizeOffGraphCircleArc as a,
-  characterizeOffGraphPoint as c
+  characterizeOffGraphPoint as c,
+  useRerenderOnBoundingBoxChange as u
 };

package/{useSubmitActionWithDelay-BwjIPpOQ.js → useSubmitActionWithDelay-C32eqD1x.js}

@@ -1,5 +1,5 @@
-import { q as jsxRuntimeExports } from "./doenetml-LIgc-PTu.js";
-import { F as FontAwesomeIcon } from "./index.es-seWzED-y.js";
+import { q as jsxRuntimeExports } from "./doenetml-Bn3GaeE6.js";
+import { F as FontAwesomeIcon } from "./index.es-AXWdzDQh.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 checkWorkCredit(SVs) {

package/{vector-CNZMF0Vw.js → vector-BM3AAAlP.js}

@@ -1,10 +1,10 @@
-import { E as DocContext, q as jsxRuntimeExports, F as textRendererStyle, G as DynamicMath } from "./doenetml-LIgc-PTu.js";
+import { E as DocContext, q as jsxRuntimeExports, F as textRendererStyle, G as DynamicMath } from "./doenetml-Bn3GaeE6.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-DfmPbuQ_.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-DmFTd_Ja.js";
-import { B as BoardContext, V as VERTEX_LAYER_OFFSET, L as LINE_LAYER_OFFSET } from "./graph-CPr5lJk-.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-CSWOYuaO.js";
-import { ChoiceInputInlineContext } from "./choiceInput-Bw1Emqpr.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-B0Exuxq-.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-C0wr-z3_.js";
+import { B as BoardContext, V as VERTEX_LAYER_OFFSET, L as LINE_LAYER_OFFSET } from "./graph-DVc1gP-A.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-uwYNoAxP.js";
+import { ChoiceInputInlineContext } from "./choiceInput-DCA8VR5U.js";
 import { a as buildLineLikeAttributes, c as buildDragHandleAttributes } from "./buildGraphicalAttributes-B_soifR-.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./gestureId-CKrHulGi.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-Di28Kyev.js";

package/{vectorField-DB324Ggf.js → vectorField-CcaZxnkB.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-DmFTd_Ja.js";
-import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-7YblcQxz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-C0wr-z3_.js";
+import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-D2H4wOdr.js";
 const vectorField = React__default.memo(function VectorField(props) {
   let { SVs } = useDoenetRenderer(props);
   VectorField.ignoreActionsWithoutCore = () => true;

package/{video-B813nagj.js → video-CxK7BLDI.js}

@@ -1,10 +1,10 @@
-import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-LIgc-PTu.js";
+import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-Bn3GaeE6.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-DmFTd_Ja.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-C0wr-z3_.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CVJCJ1e3.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-BVTOgafW.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-Cdx2ghpt.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BF_JKp3T.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;

package/useDoenetRenderer-DmFTd_Ja.js

@@ -1,114 +0,0 @@
-import { x as useAppSelector, y as mainSlice, z as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-LIgc-PTu.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-YziTbDEl.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DfmPbuQ_.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-B1ac0EqL.js"), "./renderers/alert.tsx": () => import("./alert-BP61j96b.js"), "./renderers/angle.tsx": () => import("./angle-Dl2JBHmq.js"), "./renderers/answer.tsx": () => import("./answer-D_pdUwZt.js"), "./renderers/asList.tsx": () => import("./asList-CNTFThQ0.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-Cf7sEw0_.js"), "./renderers/boolean.tsx": () => import("./boolean-DUaRSFN9.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BYkqrqjx.js"), "./renderers/br.tsx": () => import("./br-DxlXOHuw.js"), "./renderers/button.tsx": () => import("./button-DME3qjHb.js"), "./renderers/c.tsx": () => import("./c-Do1v5YJ8.js"), "./renderers/cell.tsx": () => import("./cell-DVU_OmwU.js"), "./renderers/chart.tsx": () => import("./chart-CqjkWJ62.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Bw1Emqpr.js"), "./renderers/circle.tsx": () => import("./circle-NdiCU0Bq.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-CC-mej64.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-MK2MHPtl.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BdpVu-cB.js"), "./renderers/containerInline.tsx": () => import("./containerInline-aXy-JZ4D.js"), "./renderers/curve.tsx": () => import("./curve-TNPTpcdV.js"), "./renderers/delete.tsx": () => import("./delete-CV0N3kI5.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-B3tHHbY2.js"), "./renderers/em.tsx": () => import("./em-D-7CVOlt.js"), "./renderers/embed.tsx": () => import("./embed-C2kYLs69.js"), "./renderers/feedback.tsx": () => import("./feedback-BPtAMhIx.js"), "./renderers/figure.tsx": () => import("./figure-Ddw9ovjO.js"), "./renderers/footnote.tsx": () => import("./footnote-NtuIQIp5.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-BwP-e5pQ.js"), "./renderers/graph.tsx": () => import("./graph-CPr5lJk-.js").then((n) => n.g), "./renderers/hint.tsx": () => import("./hint-Cp6_VLMI.js"), "./renderers/hr.tsx": () => import("./hr-DhvzJuK0.js"), "./renderers/image.tsx": () => import("./image-C_QrdAVf.js"), "./renderers/insert.tsx": () => import("./insert-Dpc53E4v.js"), "./renderers/label.tsx": () => import("./label-_xUMDJ1Z.js"), "./renderers/legend.tsx": () => import("./legend-BUJ5KoPx.js"), "./renderers/line.tsx": () => import("./line-Dsb2AuZ3.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-Dnlgbs_D.js"), "./renderers/list.tsx": () => import("./list-BsO9kC4X.js"), "./renderers/lq.tsx": () => import("./lq-JOlBFcx8.js"), "./renderers/lsq.tsx": () => import("./lsq-VFyfwv0M.js"), "./renderers/math.tsx": () => import("./math-tszOvOnM.js"), "./renderers/mathInput.tsx": () => import("./mathInput-Byd5Z28H.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-BJ747gsN.js"), "./renderers/mdash.tsx": () => import("./mdash-fSFnk7yo.js"), "./renderers/nbsp.tsx": () => import("./nbsp-CXsyOKyT.js"), "./renderers/ndash.tsx": () => import("./ndash-DXbuUHtU.js"), "./renderers/number.tsx": () => import("./number-CVfGwUwS.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-AkjrSArj.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-ChgB3YWt.js"), "./renderers/p.tsx": () => import("./p-qHY2PzBE.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-BDWrCfVw.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DwVqWNxO.js"), "./renderers/point.tsx": () => import("./point-CcR1jG6r.js"), "./renderers/polygon.tsx": () => import("./polygon-McTIcCgD.js"), "./renderers/polyline.tsx": () => import("./polyline-DOKBag00.js"), "./renderers/pre.tsx": () => import("./pre-BgHwL6YM.js"), "./renderers/prefigure.tsx": () => import("./prefigure-MGwinPuK.js"), "./renderers/pretzel.tsx": () => import("./pretzel-Cv_CdOcy.js"), "./renderers/q.tsx": () => import("./q-uO_nkIUW.js"), "./renderers/ray.tsx": () => import("./ray-DNY3f_-x.js"), "./renderers/ref.tsx": () => import("./ref-Cbu2yBsm.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-CtnapiPv.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-LE74KLga.js"), "./renderers/row.tsx": () => import("./row-BKHvDl51.js"), "./renderers/rq.tsx": () => import("./rq-DsZHmfPt.js"), "./renderers/rsq.tsx": () => import("./rsq-0i2jDZ9U.js"), "./renderers/section.tsx": () => import("./section-BJfN1-WL.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-C1C2Zc_g.js"), "./renderers/slider.tsx": () => import("./slider-Dx_Le2HM.js"), "./renderers/slopeField.tsx": () => import("./slopeField-Dg7D5mDH.js"), "./renderers/solution.tsx": () => import("./solution-PqypkITn.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-DoPaI1dJ.js"), "./renderers/sq.tsx": () => import("./sq-CgM5aT2x.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-CQqt7jsI.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CIRFW7_T.js"), "./renderers/table.tsx": () => import("./table-Clo8TU6J.js"), "./renderers/tabular.tsx": () => import("./tabular-8Q_bFhkD.js"), "./renderers/tag.tsx": () => import("./tag-B-ORlAF3.js"), "./renderers/text.tsx": () => import("./text-DtEtGJ3d.js"), "./renderers/textInput.tsx": () => import("./textInput-CdCqqlCE.js"), "./renderers/vector.tsx": () => import("./vector-CNZMF0Vw.js"), "./renderers/vectorField.tsx": () => import("./vectorField-DB324Ggf.js"), "./renderers/video.tsx": () => import("./video-B813nagj.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
-};