@doenet/doenetml 0.7.27-dev.625 → 0.7.27-dev.627

package/{video-BcbBYV8w.js → video-BrPptnTo.js}

@@ -1,10 +1,10 @@
-import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-CR1KN2XZ.js";
+import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-2tPWLq9H.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-DbJPKoQv.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dl0jIAY1.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CjpEPk-N.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CDuAgQLi.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-DAqfGktN.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-Cpm5nnJF.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;
@@ -64,7 +64,6 @@ const video = React__default.memo(function Video(props) {
   let lastPausedTime = useRef(0);
   let lastPlayedTime = useRef(null);
   let pollIntervalId = useRef(null);
-  let cueSeekTimeoutId = useRef(null);
   let lastSetTimeAction = useRef(null);
   let lastSVsState = useRef(null);
   const ref = useRef(null);
@@ -99,7 +98,6 @@ const video = React__default.memo(function Video(props) {
     return () => {
       clearInterval(pollIntervalId.current);
       clearTimeout(pauseTimeoutId.current);
-      clearTimeout(cueSeekTimeoutId.current);
       player.current?.destroy();
       player.current = null;
       lastSVsState.current = null;
@@ -309,7 +307,7 @@ const video = React__default.memo(function Video(props) {
     if (SVs.time !== Number(lastSetTimeAction.current)) {
       let time = SVs.time ?? 0;
       let duration = player.current.getDuration();
-      if (time > duration) {
+      if (duration > 0 && time > duration) {
         time = Math.floor(duration);
         callAction({
           action: actions.setTime,
@@ -319,15 +317,11 @@ const video = React__default.memo(function Video(props) {
         });
       }
       if (time !== Number(lastSetTimeAction.current)) {
-        if (player.current.getPlayerState() === PlayerState.CUED) {
-          player.current.pauseVideo();
-          player.current.seekTo(time, true);
-          clearTimeout(cueSeekTimeoutId.current);
-          cueSeekTimeoutId.current = window.setTimeout(() => {
-            if (player.current && lastSVsState.current !== "playing") {
-              player.current.pauseVideo();
-            }
-          }, 200);
+        if (player.current.getPlayerState() === PlayerState.CUED && SVs.state !== "playing") {
+          player.current.cueVideoById({
+            videoId: SVs.youtube,
+            startSeconds: time
+          });
         } else {
           player.current.seekTo(time, true);
         }

package/useDoenetRenderer-DbJPKoQv.js

@@ -1,114 +0,0 @@
-import { x as useAppSelector, y as mainSlice, z as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-CR1KN2XZ.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-KbyklKM4.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-J6gOeaaU.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-CPf-EOFP.js"), "./renderers/alert.tsx": () => import("./alert-DMEWXNm4.js"), "./renderers/angle.tsx": () => import("./angle-_pkWOTIm.js"), "./renderers/answer.tsx": () => import("./answer-CTDqEQsn.js"), "./renderers/asList.tsx": () => import("./asList-B38Is023.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-DlS0m3PY.js"), "./renderers/boolean.tsx": () => import("./boolean-mIIPic74.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BnIwknDF.js"), "./renderers/br.tsx": () => import("./br-BRefcxKd.js"), "./renderers/button.tsx": () => import("./button-ctjBjBr1.js"), "./renderers/c.tsx": () => import("./c-VzOJqFOs.js"), "./renderers/cell.tsx": () => import("./cell-CLplFp47.js"), "./renderers/chart.tsx": () => import("./chart-BMlRpDBm.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-DeySvdod.js"), "./renderers/circle.tsx": () => import("./circle-C4SPUM2P.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-CJanFLE2.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-_OpZ3CHj.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CE7uYpwZ.js"), "./renderers/containerInline.tsx": () => import("./containerInline-D5PXpz8j.js"), "./renderers/curve.tsx": () => import("./curve-y4LcGaXM.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-Brp1J2P8.js"), "./renderers/em.tsx": () => import("./em-B5M3alhg.js"), "./renderers/embed.tsx": () => import("./embed-0i6eNm-f.js"), "./renderers/feedback.tsx": () => import("./feedback-B-wK7dvM.js"), "./renderers/figure.tsx": () => import("./figure-CVGWYMz5.js"), "./renderers/footnote.tsx": () => import("./footnote-Cd425Edw.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-DyMa5Xea.js"), "./renderers/graph.tsx": () => import("./graph-B442iDZp.js"), "./renderers/hint.tsx": () => import("./hint-BPE05iUu.js"), "./renderers/hr.tsx": () => import("./hr-CPpwiVKj.js"), "./renderers/image.tsx": () => import("./image-CedqEFzv.js"), "./renderers/label.tsx": () => import("./label-DSIkbGb4.js"), "./renderers/legend.tsx": () => import("./legend-CFNWJCZD.js"), "./renderers/line.tsx": () => import("./line-BYFnchrD.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-Njjk4gBG.js"), "./renderers/list.tsx": () => import("./list-DBFZBdpq.js"), "./renderers/lq.tsx": () => import("./lq-cBLuMgQr.js"), "./renderers/lsq.tsx": () => import("./lsq-fI7vhRbU.js"), "./renderers/math.tsx": () => import("./math-CUAeifiU.js"), "./renderers/mathInput.tsx": () => import("./mathInput-adXNoPkZ.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-uwOa-ACE.js"), "./renderers/mdash.tsx": () => import("./mdash-Bm6P-AhL.js"), "./renderers/nbsp.tsx": () => import("./nbsp-BXJbFqM2.js"), "./renderers/ndash.tsx": () => import("./ndash-Ckjn93Lr.js"), "./renderers/number.tsx": () => import("./number-D7GiJl6R.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DB6Wa4Gi.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-Doz4QfoR.js"), "./renderers/p.tsx": () => import("./p-V7JNVg5b.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-Ds0bmzec.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CYTCoGQW.js"), "./renderers/point.tsx": () => import("./point-DN85dRFk.js"), "./renderers/polygon.tsx": () => import("./polygon-Befbc7lh.js"), "./renderers/polyline.tsx": () => import("./polyline-BetrRfi4.js"), "./renderers/pre.tsx": () => import("./pre-CXeWIDPX.js"), "./renderers/prefigure.tsx": () => import("./prefigure-DPKhGPFX.js"), "./renderers/pretzel.tsx": () => import("./pretzel-ayCytPDt.js"), "./renderers/q.tsx": () => import("./q-Btn27_dp.js"), "./renderers/ray.tsx": () => import("./ray-EHjKdf1Q.js"), "./renderers/ref.tsx": () => import("./ref-Bn2E5Nka.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-vYzgRDcd.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-CtV5NWtR.js"), "./renderers/row.tsx": () => import("./row-84o7biLr.js"), "./renderers/rq.tsx": () => import("./rq-DD_wBXdO.js"), "./renderers/rsq.tsx": () => import("./rsq--V8-YXab.js"), "./renderers/section.tsx": () => import("./section-BIr1pur9.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-D4leYRQA.js"), "./renderers/slider.tsx": () => import("./slider-C9Mu63nM.js"), "./renderers/slopeField.tsx": () => import("./slopeField-JxPj-GpY.js"), "./renderers/solution.tsx": () => import("./solution-CkLrDoRh.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-Bpx5CrJT.js"), "./renderers/sq.tsx": () => import("./sq-DV0PW13s.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-CoOeWe8p.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-BM6gkboG.js"), "./renderers/table.tsx": () => import("./table-CZDkVKyZ.js"), "./renderers/tabular.tsx": () => import("./tabular-BAABmWKh.js"), "./renderers/tag.tsx": () => import("./tag-Co0kCONa.js"), "./renderers/text.tsx": () => import("./text-zzSV3Mam.js"), "./renderers/textInput.tsx": () => import("./textInput-bdMQnPVI.js"), "./renderers/vector.tsx": () => import("./vector-CUGhCFGw.js"), "./renderers/vectorField.tsx": () => import("./vectorField-B8EQfK9i.js"), "./renderers/video.tsx": () => import("./video-BcbBYV8w.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
-};