@doenet/doenetml 0.7.20-dev.334 → 0.7.20-dev.335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/{AnswerResponseButton-Gvhmmj9A.js → AnswerResponseButton-Bb2BI_rl.js} +2 -2
  2. package/{Description-B0pkxmYM.js → Description-X0wbmle2.js} +1 -1
  3. package/{GraphFrame-ZF35-YCf.js → GraphFrame-D0SsTifD.js} +2 -2
  4. package/{JSXGraphRenderer-ClyyL_2A.js → JSXGraphRenderer-WH0QKyTO.js} +1 -1
  5. package/{NonInlineMediaWrapper-ULod_asW.js → NonInlineMediaWrapper-BwSgbGOA.js} +1 -1
  6. package/Viewer/renderers/angle.d.ts.map +1 -1
  7. package/Viewer/renderers/circle.d.ts.map +1 -1
  8. package/Viewer/renderers/polygon.d.ts.map +1 -1
  9. package/Viewer/renderers/regionBetweenCurveXAxis.d.ts.map +1 -1
  10. package/Viewer/renderers/regionBetweenCurves.d.ts.map +1 -1
  11. package/Viewer/renderers/utils/fillPatterns.d.ts +35 -11
  12. package/Viewer/renderers/utils/fillPatterns.d.ts.map +1 -1
  13. package/Viewer/renderers/utils/styleColors.d.ts +12 -0
  14. package/Viewer/renderers/utils/styleColors.d.ts.map +1 -1
  15. package/{_error-e2DvTR_-.js → _error-IQ9UNo67.js} +2 -2
  16. package/{alert-CiDph-qI.js → alert-CGC3bff7.js} +3 -3
  17. package/{angle-BO-faJS7.js → angle-DHh7zuz0.js} +9 -7
  18. package/{answer-BAfMeEuz.js → answer-BRsvUVeb.js} +5 -5
  19. package/{asList-kgA-OT8n.js → asList-BDTqMh8x.js} +2 -2
  20. package/{blockQuote-CItqFOqX.js → blockQuote-a_wAKOhU.js} +3 -3
  21. package/{boolean-BCSLGpJu.js → boolean-DyQyJb0r.js} +2 -2
  22. package/{booleanInput-u3Zps6Fb.js → booleanInput-BuXBjR85.js} +6 -6
  23. package/{br-KYVD8qcq.js → br-Cfe4q1oD.js} +2 -2
  24. package/{buildGraphicalAttributes-WXpVD4ud.js → buildGraphicalAttributes-C7PtyKL7.js} +1 -1
  25. package/{button-w7VVe654.js → button-BNh32tF9.js} +4 -4
  26. package/{c-BSP1SVSx.js → c-DR_c8Y0-.js} +3 -3
  27. package/{cell-CB0DzYcL.js → cell-DaCO5BD5.js} +3 -3
  28. package/{choiceInput-rMXvVgk1.js → choiceInput-Ck8DVMmG.js} +4 -4
  29. package/{circle-BeLDrQ8q.js → circle-BZFa865i.js} +9 -7
  30. package/{cobwebPolyline-BTmHg_rW.js → cobwebPolyline-D5GvgpiH.js} +4 -4
  31. package/{codeEditor-Ct5C8db2.js → codeEditor-DYVj_Ab-.js} +2 -2
  32. package/{composites-Dm300CeM.js → composites-XinFoIcx.js} +1 -1
  33. package/{containerBlock-DIy2KB5D.js → containerBlock-BjigEe4d.js} +4 -4
  34. package/{containerInline-BmxKUHqq.js → containerInline-ByxuSmSL.js} +4 -4
  35. package/{curve-DmoNrVfA.js → curve-A385radh.js} +5 -5
  36. package/{doenetml-BKWgWWIN.js → doenetml-CLvAz_2Y.js} +4 -4
  37. package/doenetml-external-worker.js +2 -2
  38. package/doenetml-inline-worker.js +2 -2
  39. package/{ellipsis-scY2XC69.js → ellipsis-0Rf9uFcz.js} +2 -2
  40. package/{em-Dnuk5NWT.js → em-C-HqHV4n.js} +3 -3
  41. package/{embed-Cp--9Yfg.js → embed-BfNzc5Le.js} +2 -2
  42. package/{feedback-c_A4BreS.js → feedback-DwhXmMSH.js} +4 -4
  43. package/{figure-jTKaDOz3.js → figure-7Xi2fQSv.js} +3 -3
  44. package/{fillPatterns-D3zaP49I.js → fillPatterns-xFNXM2wi.js} +55 -10
  45. package/{footnote-CUHggjY3.js → footnote-B6OpfKj6.js} +3 -3
  46. package/{fractionInput-DETXKhQJ.js → fractionInput-D1xTeDSb.js} +4 -4
  47. package/{graph-CIVVSnH7.js → graph-DwiumKgy.js} +6 -6
  48. package/{hint-CdmNr5z6.js → hint-BAGwv27L.js} +4 -4
  49. package/{hr-D_9e0dVs.js → hr-Aj-J3kTg.js} +2 -2
  50. package/{image-BE89vcic.js → image-DkVGJkU9.js} +7 -7
  51. package/{index-BG3VxTKI.js → index-DOvVPLCZ.js} +1 -1
  52. package/{index.es-75dsQOf4.js → index.es-RhJQkW78.js} +1 -1
  53. package/index.js +1 -1
  54. package/{label-_U3xA-Bt.js → label-t5QOz3hz.js} +6 -6
  55. package/{labelWithLatex-BdorE1Ba.js → labelWithLatex-DGChcqLA.js} +1 -1
  56. package/{legend-CZGk-DEr.js → legend-GzOZUocx.js} +4 -4
  57. package/{line-DB_1uxnA.js → line-BeQtVGs_.js} +7 -7
  58. package/{lineSegment-Bo4V-Ids.js → lineSegment-oIe7WXtR.js} +6 -6
  59. package/{list-BbIsQlsb.js → list-x28rSefl.js} +4 -4
  60. package/{lq-BwD76zkS.js → lq-8l0sDOr8.js} +2 -2
  61. package/{lsq-C7B2cqLf.js → lsq-CZFG7Nl5.js} +2 -2
  62. package/{markupRenderer-Say_o9uX.js → markupRenderer-WCkpS3Xg.js} +1 -1
  63. package/{math-DU-09uBw.js → math-BMR5AiER.js} +6 -6
  64. package/{mathInput-B7nN2ol0.js → mathInput-DS_W_e8n.js} +7 -7
  65. package/{matrixInput-C3JylJ_O.js → matrixInput-DmrPKznJ.js} +4 -4
  66. package/{mdash-D3PcaUii.js → mdash-Bu1Q1ekL.js} +2 -2
  67. package/{nbsp-B_XH-l5k.js → nbsp-DVm0h4-x.js} +2 -2
  68. package/{ndash-DaNmR36W.js → ndash-DdGtnsQK.js} +2 -2
  69. package/{number-YvxsR4BL.js → number-CfeeIc74.js} +6 -6
  70. package/{orbitalDiagram-CmTWXDzB.js → orbitalDiagram-DEDYTOaB.js} +2 -2
  71. package/{orbitalDiagramInput-Cy_7ng8s.js → orbitalDiagramInput-CX08AX-x.js} +2 -2
  72. package/{p-DA_rzyWJ.js → p-yQIjH8Fa.js} +4 -4
  73. package/package.json +1 -1
  74. package/{paginatorControls-BBPqx8C9.js → paginatorControls-FHx8dyK2.js} +2 -2
  75. package/{pegboard-CRZQVxuV.js → pegboard-DOjue_FK.js} +4 -4
  76. package/{point-ByEbaxWn.js → point-CwMVWF91.js} +6 -6
  77. package/{polygon-BmdkJEts.js → polygon-DdAM4aKr.js} +9 -7
  78. package/{polyline-CvqkWn7E.js → polyline-DWOgBzqs.js} +6 -6
  79. package/{pre-1IrMFXkg.js → pre-BZ7ZCw9Z.js} +3 -3
  80. package/{prefigure-lmP6VsjT.js → prefigure-DueQF7ys.js} +1 -1
  81. package/{pretzel-D6WX7Z_y.js → pretzel-ES8Yvo78.js} +4 -4
  82. package/{q-kRzKxy6K.js → q-xpEgI0-d.js} +3 -3
  83. package/{ray-DgnftbwK.js → ray-BNmkEcDJ.js} +6 -6
  84. package/{ref-ChyMLX-H.js → ref-CK0oY9LN.js} +2 -2
  85. package/{regionBetweenCurveXAxis-BBAp-W44.js → regionBetweenCurveXAxis-BDAOPDMD.js} +8 -5
  86. package/{regionBetweenCurves-FuodCBzl.js → regionBetweenCurves-DdPYLipw.js} +8 -5
  87. package/{row-CBcYGCtp.js → row-nP0ZhX6Z.js} +2 -2
  88. package/{rq-qOWxtmZg.js → rq-DLF6CDjv.js} +2 -2
  89. package/{rsq-C70_1w-v.js → rsq-Jh7GuweM.js} +2 -2
  90. package/{section-5EiCWYMD.js → section-n-Mv8eqZ.js} +5 -5
  91. package/{sha256-C0vj3HDn-CCgktFhW.js → sha256-C0vj3HDn-UGyxHwaY.js} +1 -1
  92. package/{sideBySide-BjpdpZxA.js → sideBySide-DdjzZlgo.js} +2 -2
  93. package/{slider-C8-N3Zwb.js → slider-BwwfFUMx.js} +3 -3
  94. package/{solution-nJ9QkZ6m.js → solution-CMJnOEXE.js} +4 -4
  95. package/{spreadsheet-UGkznEIk.js → spreadsheet-BPeiYRXq.js} +2 -2
  96. package/{sq-D7ffIkkq.js → sq-f0eKuiZ7.js} +3 -3
  97. package/{styleColors-DH1y_fdG.js → styleColors-Cknqcr0q.js} +6 -2
  98. package/{subsetOfRealsInput-Dx1x79Fj.js → subsetOfRealsInput-cPp2Z2Lo.js} +2 -2
  99. package/{summaryStatistics-CywLC3ub.js → summaryStatistics-_-_4_PVE.js} +2 -2
  100. package/{table-BhOldp85.js → table-Ctq_Iify.js} +2 -2
  101. package/{tabular-CHpPJUMK.js → tabular-DQg3Elet.js} +2 -2
  102. package/{tag-M3xzh0Ga.js → tag-C3cIMi7z.js} +2 -2
  103. package/{text-B5WNf0j4.js → text-DbQWmZqo.js} +6 -6
  104. package/{textInput-CAZzwrlH.js → textInput-CJmzQBzV.js} +6 -6
  105. package/{tooltip-provider-DCm__NtM.js → tooltip-provider-DH2D7lj4.js} +1 -1
  106. package/{useAnchoredGraphDragHandler-C6vmBXIi.js → useAnchoredGraphDragHandler-jENznKTo.js} +1 -1
  107. package/useDoenetRenderer-Dxxe3hVm.js +114 -0
  108. package/{useSubmitActionWithDelay-DFazHOZj.js → useSubmitActionWithDelay-Cf1y_3x3.js} +2 -2
  109. package/{vector-WRgenjlW.js → vector-B5kimWqF.js} +7 -7
  110. package/{video-oFHacN2c.js → video-CPqqjP8F.js} +4 -4
  111. package/useDoenetRenderer-D_88xSdj.js +0 -114
@@ -0,0 +1,114 @@
1
+ import { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-CLvAz_2Y.js";
2
+ import React__default, { useState, useEffect } from "react";
3
+ function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
4
+ const actions = props.componentInstructions.actions;
5
+ const componentIdx = props.componentInstructions.componentIdx;
6
+ const effectiveIdx = props.componentInstructions.effectiveIdx;
7
+ const id = props.componentInstructions.id;
8
+ const rendererName = props.coreId + componentIdx;
9
+ const [renderersToLoad, setRenderersToLoad] = useState({});
10
+ const componentInfo = useAppSelector(
11
+ (state) => mainSlice.selectors.componentInfo(state)[rendererName]
12
+ );
13
+ const {
14
+ stateValues,
15
+ sourceOfUpdate = {},
16
+ ignoreUpdate,
17
+ childrenInstructions,
18
+ prefixForIds
19
+ } = componentInfo || {
20
+ stateValues: {},
21
+ sourceOfUpdate: {},
22
+ ignoreUpdate: false,
23
+ childrenInstructions: [],
24
+ prefixForIds: ""
25
+ };
26
+ let children = [];
27
+ const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
28
+ for (let childInstructions of childrenInstructions) {
29
+ let child = createChildFromInstructions(
30
+ childInstructions,
31
+ loadMoreRenderers
32
+ );
33
+ children.push(child);
34
+ }
35
+ useEffect(() => {
36
+ const entries = Object.entries(renderersToLoad);
37
+ if (entries.length > 0) {
38
+ const names = entries.map(([name]) => name);
39
+ const loaders = entries.map(([, loader]) => loader);
40
+ renderersLoadComponent(loaders, names).then(
41
+ ({ rendererClasses: newRendererClasses }) => {
42
+ Object.assign(props.rendererClasses, newRendererClasses);
43
+ setRenderersToLoad({});
44
+ }
45
+ );
46
+ }
47
+ }, [renderersToLoad, props.rendererClasses]);
48
+ function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
49
+ if (typeof childInstructions === "string" || childInstructions === null) {
50
+ return childInstructions;
51
+ }
52
+ let propsForChild = {
53
+ key: props.coreId + childInstructions.componentIdx,
54
+ componentInstructions: childInstructions,
55
+ rendererClasses: props.rendererClasses,
56
+ coreId: props.coreId,
57
+ docId: props.docId,
58
+ activityId: props.activityId,
59
+ callAction: props.callAction,
60
+ fetchExternalDoenetML: props.fetchExternalDoenetML,
61
+ requestScrollTo: props.requestScrollTo,
62
+ flags: props.flags
63
+ };
64
+ let rendererClass = props.rendererClasses[childInstructions.rendererType];
65
+ if (!rendererClass) {
66
+ if (loadMoreRenderers2) {
67
+ setRenderersToLoad((old) => {
68
+ let rendererLoaders = { ...old };
69
+ if (!(childInstructions.rendererType in rendererLoaders)) {
70
+ rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-D0SsTifD.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-WH0QKyTO.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-IQ9UNo67.js"), "./renderers/alert.tsx": () => import("./alert-CGC3bff7.js"), "./renderers/angle.tsx": () => import("./angle-DHh7zuz0.js"), "./renderers/answer.tsx": () => import("./answer-BRsvUVeb.js"), "./renderers/asList.tsx": () => import("./asList-BDTqMh8x.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-a_wAKOhU.js"), "./renderers/boolean.tsx": () => import("./boolean-DyQyJb0r.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BuXBjR85.js"), "./renderers/br.tsx": () => import("./br-Cfe4q1oD.js"), "./renderers/button.tsx": () => import("./button-BNh32tF9.js"), "./renderers/c.tsx": () => import("./c-DR_c8Y0-.js"), "./renderers/cell.tsx": () => import("./cell-DaCO5BD5.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Ck8DVMmG.js"), "./renderers/circle.tsx": () => import("./circle-BZFa865i.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-D5GvgpiH.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DYVj_Ab-.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BjigEe4d.js"), "./renderers/containerInline.tsx": () => import("./containerInline-ByxuSmSL.js"), "./renderers/curve.tsx": () => import("./curve-A385radh.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-0Rf9uFcz.js"), "./renderers/em.tsx": () => import("./em-C-HqHV4n.js"), "./renderers/embed.tsx": () => import("./embed-BfNzc5Le.js"), "./renderers/feedback.tsx": () => import("./feedback-DwhXmMSH.js"), "./renderers/figure.tsx": () => import("./figure-7Xi2fQSv.js"), "./renderers/footnote.tsx": () => import("./footnote-B6OpfKj6.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-D1xTeDSb.js"), "./renderers/graph.tsx": () => import("./graph-DwiumKgy.js"), "./renderers/hint.tsx": () => import("./hint-BAGwv27L.js"), "./renderers/hr.tsx": () => import("./hr-Aj-J3kTg.js"), "./renderers/image.tsx": () => import("./image-DkVGJkU9.js"), "./renderers/label.tsx": () => import("./label-t5QOz3hz.js"), "./renderers/legend.tsx": () => import("./legend-GzOZUocx.js"), "./renderers/line.tsx": () => import("./line-BeQtVGs_.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-oIe7WXtR.js"), "./renderers/list.tsx": () => import("./list-x28rSefl.js"), "./renderers/lq.tsx": () => import("./lq-8l0sDOr8.js"), "./renderers/lsq.tsx": () => import("./lsq-CZFG7Nl5.js"), "./renderers/math.tsx": () => import("./math-BMR5AiER.js"), "./renderers/mathInput.tsx": () => import("./mathInput-DS_W_e8n.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DmrPKznJ.js"), "./renderers/mdash.tsx": () => import("./mdash-Bu1Q1ekL.js"), "./renderers/nbsp.tsx": () => import("./nbsp-DVm0h4-x.js"), "./renderers/ndash.tsx": () => import("./ndash-DdGtnsQK.js"), "./renderers/number.tsx": () => import("./number-CfeeIc74.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DEDYTOaB.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CX08AX-x.js"), "./renderers/p.tsx": () => import("./p-yQIjH8Fa.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-FHx8dyK2.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DOjue_FK.js"), "./renderers/point.tsx": () => import("./point-CwMVWF91.js"), "./renderers/polygon.tsx": () => import("./polygon-DdAM4aKr.js"), "./renderers/polyline.tsx": () => import("./polyline-DWOgBzqs.js"), "./renderers/pre.tsx": () => import("./pre-BZ7ZCw9Z.js"), "./renderers/prefigure.tsx": () => import("./prefigure-DueQF7ys.js"), "./renderers/pretzel.tsx": () => import("./pretzel-ES8Yvo78.js"), "./renderers/q.tsx": () => import("./q-xpEgI0-d.js"), "./renderers/ray.tsx": () => import("./ray-BNmkEcDJ.js"), "./renderers/ref.tsx": () => import("./ref-CK0oY9LN.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-BDAOPDMD.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-DdPYLipw.js"), "./renderers/row.tsx": () => import("./row-nP0ZhX6Z.js"), "./renderers/rq.tsx": () => import("./rq-DLF6CDjv.js"), "./renderers/rsq.tsx": () => import("./rsq-Jh7GuweM.js"), "./renderers/section.tsx": () => import("./section-n-Mv8eqZ.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DdjzZlgo.js"), "./renderers/slider.tsx": () => import("./slider-BwwfFUMx.js"), "./renderers/solution.tsx": () => import("./solution-CMJnOEXE.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BPeiYRXq.js"), "./renderers/sq.tsx": () => import("./sq-f0eKuiZ7.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-cPp2Z2Lo.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-_-_4_PVE.js"), "./renderers/table.tsx": () => import("./table-Ctq_Iify.js"), "./renderers/tabular.tsx": () => import("./tabular-DQg3Elet.js"), "./renderers/tag.tsx": () => import("./tag-C3cIMi7z.js"), "./renderers/text.tsx": () => import("./text-DbQWmZqo.js"), "./renderers/textInput.tsx": () => import("./textInput-CJmzQBzV.js"), "./renderers/vector.tsx": () => import("./vector-B5kimWqF.js"), "./renderers/video.tsx": () => import("./video-CPqqjP8F.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
71
+ }
72
+ return rendererLoaders;
73
+ });
74
+ }
75
+ return null;
76
+ }
77
+ let child = React__default.createElement(rendererClass, propsForChild);
78
+ return child;
79
+ }
80
+ let rendererType = props.componentInstructions.rendererType;
81
+ const callAction = (argObj) => {
82
+ if (!argObj.componentIdx) {
83
+ argObj = { ...argObj };
84
+ argObj.componentIdx = componentIdx;
85
+ }
86
+ if (!argObj.rendererType) {
87
+ argObj = { ...argObj };
88
+ argObj.rendererType = rendererType;
89
+ }
90
+ return props.callAction(argObj);
91
+ };
92
+ return {
93
+ componentIdx: effectiveIdx,
94
+ id: prefixForIds + id,
95
+ SVs: stateValues,
96
+ docId: props.docId,
97
+ activityId: props.activityId,
98
+ actions,
99
+ children,
100
+ sourceOfUpdate,
101
+ ignoreUpdate,
102
+ rendererName,
103
+ initializeChildren: () => {
104
+ },
105
+ callAction,
106
+ doenetViewerUrl: props.doenetViewerUrl,
107
+ fetchExternalDoenetML: props.fetchExternalDoenetML,
108
+ requestScrollTo: props.requestScrollTo,
109
+ flags: props.flags
110
+ };
111
+ }
112
+ export {
113
+ useDoenetRenderer as u
114
+ };
@@ -1,5 +1,5 @@
1
- import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
2
- import { F as FontAwesomeIcon } from "./index.es-75dsQOf4.js";
1
+ import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
2
+ import { F as FontAwesomeIcon } from "./index.es-RhJQkW78.js";
3
3
  import { d as faSpinner, e as faLevelDownAlt, g as faCheck, h as faTimes, i as faCloud } from "./index-BDlitCgu.js";
4
4
  import React__default, { useCallback } from "react";
5
5
  function calculateValidationState(SVs) {
@@ -1,13 +1,13 @@
1
- import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
1
+ import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
2
2
  import React__default, { useContext, useRef } from "react";
3
- 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-ClyyL_2A.js";
4
- import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
5
- import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
6
- import { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
7
- import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
3
+ 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-WH0QKyTO.js";
4
+ import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
5
+ import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
6
+ import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.js";
7
+ import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
8
8
  import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
9
9
  import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
10
- import { a as resolveLineColor, c as resolveHandleColor } from "./styleColors-DH1y_fdG.js";
10
+ import { a as resolveLineColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
11
11
  import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
12
12
  import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
13
13
  import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-tcr76K44.js";
@@ -1,10 +1,10 @@
1
- import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
1
+ import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
2
2
  import React__default, { useState, useEffect, useRef } from "react";
3
- import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
3
+ import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
4
4
  import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
5
- import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-B0pkxmYM.js";
5
+ import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-X0wbmle2.js";
6
6
  import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
7
- import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-ULod_asW.js";
7
+ import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BwSgbGOA.js";
8
8
  const YT_API_SRC = "https://www.youtube.com/iframe_api";
9
9
  const listeners = /* @__PURE__ */ new Set();
10
10
  let installed = false;
@@ -1,114 +0,0 @@
1
- import { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-BKWgWWIN.js";
2
- import React__default, { useState, useEffect } from "react";
3
- function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
4
- const actions = props.componentInstructions.actions;
5
- const componentIdx = props.componentInstructions.componentIdx;
6
- const effectiveIdx = props.componentInstructions.effectiveIdx;
7
- const id = props.componentInstructions.id;
8
- const rendererName = props.coreId + componentIdx;
9
- const [renderersToLoad, setRenderersToLoad] = useState({});
10
- const componentInfo = useAppSelector(
11
- (state) => mainSlice.selectors.componentInfo(state)[rendererName]
12
- );
13
- const {
14
- stateValues,
15
- sourceOfUpdate = {},
16
- ignoreUpdate,
17
- childrenInstructions,
18
- prefixForIds
19
- } = componentInfo || {
20
- stateValues: {},
21
- sourceOfUpdate: {},
22
- ignoreUpdate: false,
23
- childrenInstructions: [],
24
- prefixForIds: ""
25
- };
26
- let children = [];
27
- const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
28
- for (let childInstructions of childrenInstructions) {
29
- let child = createChildFromInstructions(
30
- childInstructions,
31
- loadMoreRenderers
32
- );
33
- children.push(child);
34
- }
35
- useEffect(() => {
36
- const entries = Object.entries(renderersToLoad);
37
- if (entries.length > 0) {
38
- const names = entries.map(([name]) => name);
39
- const loaders = entries.map(([, loader]) => loader);
40
- renderersLoadComponent(loaders, names).then(
41
- ({ rendererClasses: newRendererClasses }) => {
42
- Object.assign(props.rendererClasses, newRendererClasses);
43
- setRenderersToLoad({});
44
- }
45
- );
46
- }
47
- }, [renderersToLoad, props.rendererClasses]);
48
- function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
49
- if (typeof childInstructions === "string" || childInstructions === null) {
50
- return childInstructions;
51
- }
52
- let propsForChild = {
53
- key: props.coreId + childInstructions.componentIdx,
54
- componentInstructions: childInstructions,
55
- rendererClasses: props.rendererClasses,
56
- coreId: props.coreId,
57
- docId: props.docId,
58
- activityId: props.activityId,
59
- callAction: props.callAction,
60
- fetchExternalDoenetML: props.fetchExternalDoenetML,
61
- requestScrollTo: props.requestScrollTo,
62
- flags: props.flags
63
- };
64
- let rendererClass = props.rendererClasses[childInstructions.rendererType];
65
- if (!rendererClass) {
66
- if (loadMoreRenderers2) {
67
- setRenderersToLoad((old) => {
68
- let rendererLoaders = { ...old };
69
- if (!(childInstructions.rendererType in rendererLoaders)) {
70
- rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-ZF35-YCf.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-ClyyL_2A.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-e2DvTR_-.js"), "./renderers/alert.tsx": () => import("./alert-CiDph-qI.js"), "./renderers/angle.tsx": () => import("./angle-BO-faJS7.js"), "./renderers/answer.tsx": () => import("./answer-BAfMeEuz.js"), "./renderers/asList.tsx": () => import("./asList-kgA-OT8n.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-CItqFOqX.js"), "./renderers/boolean.tsx": () => import("./boolean-BCSLGpJu.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-u3Zps6Fb.js"), "./renderers/br.tsx": () => import("./br-KYVD8qcq.js"), "./renderers/button.tsx": () => import("./button-w7VVe654.js"), "./renderers/c.tsx": () => import("./c-BSP1SVSx.js"), "./renderers/cell.tsx": () => import("./cell-CB0DzYcL.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-rMXvVgk1.js"), "./renderers/circle.tsx": () => import("./circle-BeLDrQ8q.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-BTmHg_rW.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-Ct5C8db2.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-DIy2KB5D.js"), "./renderers/containerInline.tsx": () => import("./containerInline-BmxKUHqq.js"), "./renderers/curve.tsx": () => import("./curve-DmoNrVfA.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-scY2XC69.js"), "./renderers/em.tsx": () => import("./em-Dnuk5NWT.js"), "./renderers/embed.tsx": () => import("./embed-Cp--9Yfg.js"), "./renderers/feedback.tsx": () => import("./feedback-c_A4BreS.js"), "./renderers/figure.tsx": () => import("./figure-jTKaDOz3.js"), "./renderers/footnote.tsx": () => import("./footnote-CUHggjY3.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-DETXKhQJ.js"), "./renderers/graph.tsx": () => import("./graph-CIVVSnH7.js"), "./renderers/hint.tsx": () => import("./hint-CdmNr5z6.js"), "./renderers/hr.tsx": () => import("./hr-D_9e0dVs.js"), "./renderers/image.tsx": () => import("./image-BE89vcic.js"), "./renderers/label.tsx": () => import("./label-_U3xA-Bt.js"), "./renderers/legend.tsx": () => import("./legend-CZGk-DEr.js"), "./renderers/line.tsx": () => import("./line-DB_1uxnA.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-Bo4V-Ids.js"), "./renderers/list.tsx": () => import("./list-BbIsQlsb.js"), "./renderers/lq.tsx": () => import("./lq-BwD76zkS.js"), "./renderers/lsq.tsx": () => import("./lsq-C7B2cqLf.js"), "./renderers/math.tsx": () => import("./math-DU-09uBw.js"), "./renderers/mathInput.tsx": () => import("./mathInput-B7nN2ol0.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-C3JylJ_O.js"), "./renderers/mdash.tsx": () => import("./mdash-D3PcaUii.js"), "./renderers/nbsp.tsx": () => import("./nbsp-B_XH-l5k.js"), "./renderers/ndash.tsx": () => import("./ndash-DaNmR36W.js"), "./renderers/number.tsx": () => import("./number-YvxsR4BL.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-CmTWXDzB.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-Cy_7ng8s.js"), "./renderers/p.tsx": () => import("./p-DA_rzyWJ.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-BBPqx8C9.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CRZQVxuV.js"), "./renderers/point.tsx": () => import("./point-ByEbaxWn.js"), "./renderers/polygon.tsx": () => import("./polygon-BmdkJEts.js"), "./renderers/polyline.tsx": () => import("./polyline-CvqkWn7E.js"), "./renderers/pre.tsx": () => import("./pre-1IrMFXkg.js"), "./renderers/prefigure.tsx": () => import("./prefigure-lmP6VsjT.js"), "./renderers/pretzel.tsx": () => import("./pretzel-D6WX7Z_y.js"), "./renderers/q.tsx": () => import("./q-kRzKxy6K.js"), "./renderers/ray.tsx": () => import("./ray-DgnftbwK.js"), "./renderers/ref.tsx": () => import("./ref-ChyMLX-H.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-BBAp-W44.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-FuodCBzl.js"), "./renderers/row.tsx": () => import("./row-CBcYGCtp.js"), "./renderers/rq.tsx": () => import("./rq-qOWxtmZg.js"), "./renderers/rsq.tsx": () => import("./rsq-C70_1w-v.js"), "./renderers/section.tsx": () => import("./section-5EiCWYMD.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-BjpdpZxA.js"), "./renderers/slider.tsx": () => import("./slider-C8-N3Zwb.js"), "./renderers/solution.tsx": () => import("./solution-nJ9QkZ6m.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-UGkznEIk.js"), "./renderers/sq.tsx": () => import("./sq-D7ffIkkq.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-Dx1x79Fj.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CywLC3ub.js"), "./renderers/table.tsx": () => import("./table-BhOldp85.js"), "./renderers/tabular.tsx": () => import("./tabular-CHpPJUMK.js"), "./renderers/tag.tsx": () => import("./tag-M3xzh0Ga.js"), "./renderers/text.tsx": () => import("./text-B5WNf0j4.js"), "./renderers/textInput.tsx": () => import("./textInput-CAZzwrlH.js"), "./renderers/vector.tsx": () => import("./vector-WRgenjlW.js"), "./renderers/video.tsx": () => import("./video-oFHacN2c.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
71
- }
72
- return rendererLoaders;
73
- });
74
- }
75
- return null;
76
- }
77
- let child = React__default.createElement(rendererClass, propsForChild);
78
- return child;
79
- }
80
- let rendererType = props.componentInstructions.rendererType;
81
- const callAction = (argObj) => {
82
- if (!argObj.componentIdx) {
83
- argObj = { ...argObj };
84
- argObj.componentIdx = componentIdx;
85
- }
86
- if (!argObj.rendererType) {
87
- argObj = { ...argObj };
88
- argObj.rendererType = rendererType;
89
- }
90
- return props.callAction(argObj);
91
- };
92
- return {
93
- componentIdx: effectiveIdx,
94
- id: prefixForIds + id,
95
- SVs: stateValues,
96
- docId: props.docId,
97
- activityId: props.activityId,
98
- actions,
99
- children,
100
- sourceOfUpdate,
101
- ignoreUpdate,
102
- rendererName,
103
- initializeChildren: () => {
104
- },
105
- callAction,
106
- doenetViewerUrl: props.doenetViewerUrl,
107
- fetchExternalDoenetML: props.fetchExternalDoenetML,
108
- requestScrollTo: props.requestScrollTo,
109
- flags: props.flags
110
- };
111
- }
112
- export {
113
- useDoenetRenderer as u
114
- };