@pie-element/math-inline 13.0.3-next.20261007201108 → 13.0.3-next.20261007204357

package/dist/delivery/main.js

@@ -293,98 +293,95 @@ var W = class extends n.Component {
 			j && /* @__PURE__ */ x(ce, { children: /* @__PURE__ */ x(M, { prompt: j }) }),
 			ge ? _e : /* @__PURE__ */ x(te, {
 				false: !0,
-				children: /* @__PURE__ */ S(fe, {
-					tabIndex: 0,
-					children: [F === e.simple && /* @__PURE__ */ x(t, {
-						onSimpleResponseChange: this.onSimpleResponseChange,
-						showCorrect: i,
-						emptyResponse: H,
-						model: n,
-						session: a,
-						onSubFieldFocus: this.onSubFieldFocus,
-						showKeypad: !!r
-					}), F === e.advanced && /* @__PURE__ */ x(de, {
-						ref: s,
-						isIncorrect: !H && !Y && !i,
-						isCorrect: !H && (Y || i),
-						showCorrectness: !H && d && u && !p,
-						correctAnswerShown: i,
-						printCorrect: C && w,
-						children: /* @__PURE__ */ x(T, {
-							ref: (e) => this.setTooltipRef(e),
-							enterTouchDelay: 0,
-							interactive: !0,
-							open: !!r,
-							slotProps: {
-								popper: {
-									container: s?.current || void 0,
-									placement: "bottom-start",
-									sx: {
-										backgroundColor: "transparent",
-										width: "650px",
-										opacity: 1,
-										"& .MuiTooltip-arrow": { display: "none" }
+				children: /* @__PURE__ */ S(fe, { children: [F === e.simple && /* @__PURE__ */ x(t, {
+					onSimpleResponseChange: this.onSimpleResponseChange,
+					showCorrect: i,
+					emptyResponse: H,
+					model: n,
+					session: a,
+					onSubFieldFocus: this.onSubFieldFocus,
+					showKeypad: !!r
+				}), F === e.advanced && /* @__PURE__ */ x(de, {
+					ref: s,
+					isIncorrect: !H && !Y && !i,
+					isCorrect: !H && (Y || i),
+					showCorrectness: !H && d && u && !p,
+					correctAnswerShown: i,
+					printCorrect: C && w,
+					children: /* @__PURE__ */ x(T, {
+						ref: (e) => this.setTooltipRef(e),
+						enterTouchDelay: 0,
+						interactive: !0,
+						open: !!r,
+						slotProps: {
+							popper: {
+								container: s?.current || void 0,
+								placement: "bottom-start",
+								sx: {
+									backgroundColor: "transparent",
+									width: "650px",
+									opacity: 1,
+									"& .MuiTooltip-arrow": { display: "none" }
+								},
+								modifiers: [
+									{
+										name: "offset",
+										options: { offset: [0, 8] }
 									},
-									modifiers: [
-										{
-											name: "offset",
-											options: { offset: [0, 8] }
-										},
-										{
-											name: "preventOverflow",
-											enabled: !0,
-											options: {
-												boundary: "viewport",
-												padding: 8
-											}
-										},
-										{
-											name: "computeStyles",
-											options: {
-												adaptive: !0,
-												gpuAcceleration: !0
-											}
-										},
-										{
-											name: "flip",
-											enabled: !1
+									{
+										name: "preventOverflow",
+										enabled: !0,
+										options: {
+											boundary: "viewport",
+											padding: 8
 										}
-									]
-								},
-								tooltip: { sx: {
-									fontSize: "initial",
-									backgroundColor: "transparent",
-									width: "600px",
-									marginTop: 0,
-									paddingTop: 0,
-									boxShadow: "none"
-								} }
+									},
+									{
+										name: "computeStyles",
+										options: {
+											adaptive: !0,
+											gpuAcceleration: !0
+										}
+									},
+									{
+										name: "flip",
+										enabled: !1
+									}
+								]
 							},
-							title: Object.keys(a.answers).map((e) => e === r && !(i || d) && /* @__PURE__ */ x(ue, {
-								"data-keypad": !0,
-								style: { width: ae(G, I) },
-								children: /* @__PURE__ */ x(o, {
-									additionalKeys: G,
-									mode: I || re,
-									onClick: this.onClick
-								})
-							}, e) || null),
-							children: /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(c.Static, {
-								className: "static-math",
-								ref: (e) => {
-									e && (this.mqStatic = e);
-								},
-								latex: X,
-								language: E,
-								onSubFieldChange: this.subFieldChanged,
-								getFieldName: this.getFieldName,
-								setInput: this.setInput,
-								onSubFieldFocus: this.onSubFieldFocus,
-								onBlur: this.onBlur
-							}) })
-						})
-					})]
-				})
+							tooltip: { sx: {
+								fontSize: "initial",
+								backgroundColor: "transparent",
+								width: "600px",
+								marginTop: 0,
+								paddingTop: 0,
+								boxShadow: "none"
+							} }
+						},
+						title: Object.keys(a.answers).map((e) => e === r && !(i || d) && /* @__PURE__ */ x(ue, {
+							"data-keypad": !0,
+							style: { width: ae(G, I) },
+							children: /* @__PURE__ */ x(o, {
+								additionalKeys: G,
+								mode: I || re,
+								onClick: this.onClick
+							})
+						}, e) || null),
+						children: /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(c.Static, {
+							className: "static-math",
+							ref: (e) => {
+								e && (this.mqStatic = e);
+							},
+							latex: X,
+							language: E,
+							onSubFieldChange: this.subFieldChanged,
+							getFieldName: this.getFieldName,
+							setInput: this.setInput,
+							onSubFieldFocus: this.onSubFieldFocus,
+							onBlur: this.onBlur
+						}) })
+					})
+				})] })
 			}),
 			Z && V && /* @__PURE__ */ x(le, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${O(A)}` } }),
 			Z && Q && (v ? /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: O(h) } }) : /* @__PURE__ */ x(N, {

package/dist/index.iife.js

@@ -216,7 +216,7 @@ mid `,`∤`),Z.intercal=Z[`⊺`]=q($,`\\intercal `,`⊺`),Z.veebar=Z[`
                 <div class="${t.blockMath}">
                   <span data-answer-block="${e}"></span>
                 </div>
-              </div>`,text:()=>`text`,latex:()=>`\\embed{answerBlock}[${e}]`}}),!0))}handleAnswerBlockDomUpdate=()=>{let{model:e}=this.props,{session:t,showCorrect:n}=this.state,r=t.answers;this.root&&e.disabled&&!n&&Object.keys(r).forEach(t=>{let n=this.root.querySelector(`[data-answer-block="${t}"]`),i=this.root.querySelector(`[data-answer-block-index="${t}"]`);if(n){let a=r[t];FE(n,a&&a.value||``),e.view&&(n.parentElement.parentElement.classList.remove(`correct`),n.parentElement.parentElement.classList.remove(`incorrect`)),i.textContent=`R`}}),J_(this.root)};countResponseOccurrences(e){let t=e?.match(/\{\{response\}\}/g);return t?t.length:0}UNSAFE_componentWillReceiveProps(e){let{config:t}=this.props.model,{config:n={}}=e.model||{},{session:r}=this.props,{session:i={}}=e||{};if(r&&i&&!cS(r.answers,i.answers)&&this.setState({session:{...i,answers:Yj(i,this.props.model)}}),t.note&&t.language&&t.language!==n.language&&t.note===zj.t(`mathInline.primaryCorrectWithAlternates`,{lng:t.language})&&(t.note=zj.t(`mathInline.primaryCorrectWithAlternates`,{lng:n.language})),(t.env&&t.env.mode!==`evaluate`||n.env&&n.env.mode!==`evaluate`)&&this.setState({...this.state.session,showCorrect:!1}),n.alwaysShowCorrect&&this.setState({showCorrect:!0}),this.countResponseOccurrences(t.expression)<this.countResponseOccurrences(n.expression)&&setTimeout(()=>this.updateAria(),100),t&&t.responses&&t.responses.length!==n.responses.length||!t&&n&&n.responses||t&&n&&t.expression!==n.expression){let e={},t=this.state.session.answers,r=1;(n.expression||``).replace(Hj,()=>{e[`r${r}`]={value:t&&t[`r${r}`]&&t[`r${r}`].value||``},r++}),this.setState(t=>({session:{...t.session,completeAnswer:this.mqStatic&&this.mqStatic.mathField.latex(),answers:e}}),this.handleAnswerBlockDomUpdate)}}shouldComponentUpdate(e,t){let n=cS(this.props.model,e.model),r=cS(this.state,t);return!n||!r}componentDidMount(){this.handleAnswerBlockDomUpdate(),this.updateAria(),setTimeout(()=>J_(this.root),100)}componentDidUpdate(e,t){this.handleAnswerBlockDomUpdate(),(e.model?.config?.responseType!==this.props.model?.config?.responseType||e.model?.language!==this.props.model?.language)&&this.updateAria()}updateAria=()=>{if(this.root){this.root.querySelectorAll(`.mq-selectable`).forEach(e=>e.setAttribute(`aria-hidden`,`true`));let e=zj.t(`mathInline.keypadInstructions`,{lng:this.props.model?.language});this.root.querySelectorAll(`textarea`).forEach((t,n)=>{let r=`${this.instructionsIdPrefix}-${n}`,i=t.closest(`.mq-textarea`);if(i){let n=i.querySelector(`#${r}`);n||(n=document.createElement(`span`),n.id=r,n.className=`sr-only`,i.insertBefore(n,t)),n.textContent=e,t.setAttribute(`aria-describedby`,r)}})}};focusFirstKeypadElement=()=>{setTimeout(()=>{let e=document.querySelector(`[data-keypad]`);if(e){let t=e.querySelector(`button, [role='button']`);t&&t.focus()}},0)};handleKeyDown=(e,t)=>{let n=Kj(e.target,this.root),r=this.mqStatic&&this.mqStatic.inputRef?.current?this.mqStatic.inputRef?.current.contains(document.activeElement):!!document.activeElement?.closest(`.mq-editable-field`),{key:i,type:a}=e;r&&(i===`ArrowDown`||a===`click`||a===`touchstart`)?this.state.activeAnswerBlock!==t&&n&&(this.cleanupKeyDownListener(),this.setState({activeAnswerBlock:t},()=>{this.onSubFieldFocus(t),i===`ArrowDown`&&this.focusFirstKeypadElement()})):e.key===`Escape`&&this.setState({activeAnswerBlock:``})};onSubFieldFocus=e=>{this.handleEvent||(this.handleEvent=t=>{this.handleKeyDown(t,e)},document.addEventListener(`keydown`,this.handleEvent),document.addEventListener(`click`,this.handleEvent),document.addEventListener(`touchstart`,this.handleEvent))};cleanupKeyDownListener=()=>{this.handleEvent&&=(document.removeEventListener(`keydown`,this.handleEvent),document.removeEventListener(`click`,this.handleEvent),document.removeEventListener(`touchstart`,this.handleEvent),null)};componentWillUnmount(){this.cleanupKeyDownListener&&this.cleanupKeyDownListener()}onDone=()=>{};onSimpleResponseChange=e=>{this.setState(t=>({session:{...t.session,response:e}}),this.callOnSessionChange)};toNodeData=e=>{if(!e)return;let{type:t,value:n}=e;return t===`command`||t===`cursor`?e:t===`answer`?{type:`answer`,...e}:n===`clear`?{type:`clear`}:{type:`write`,value:n}};setInput=e=>{this.input=e};onClick=e=>{let t=window.scrollX,n=window.scrollY,r=this.toNodeData(e);r.type===`clear`?this.input.clear():r.type===`command`?Array.isArray(r.value)?r.value.forEach(e=>{this.input.cmd(e)}):this.input.cmd(r.value):r.type===`cursor`?this.input.keystroke(r.value):this.input.write(r.value),this.input.focus(),requestAnimationFrame(()=>{window.scrollTo(t,n),requestAnimationFrame(()=>window.scrollTo(t,n))})};callOnSessionChange=()=>{let{onSessionChange:e}=this.props;e&&e(this.state.session)};toggleShowCorrect=e=>{this.setState({showCorrect:e},this.handleAnswerBlockDomUpdate)};subFieldChanged=(e,t)=>{if(xw(),e){let n=window.scrollX,r=window.scrollY;this.setState(n=>({session:{...n.session,completeAnswer:this.mqStatic&&this.mqStatic.mathField.latex(),answers:{...n.session.answers,[e]:{value:t}}}}),()=>{this.callOnSessionChange(),requestAnimationFrame(()=>{window.scrollTo(n,r)})})}};getFieldName=(e,t)=>{let{answers:n}=this.state.session;if(Object.keys(n||{}).length)return Object.keys(n).find(n=>{let r=t[n];return r&&r.id==e.id})};onBlur=e=>{let{relatedTarget:t,currentTarget:n}=e||{},r=n&&n.closest(`[role=tooltip]`);function i(e,t=0){if(!e||t>=16)return null;let n=e.offsetParent;return n?n.getAttribute(`role`)===`tooltip`?n:i(n,t+1):null}function a(e,t=0){if(!e||t>=4)return null;let n=e?.children?.[0];return n?n.attributes&&n.attributes[`data-keypad`]?n:a(n,t+1):null}let o=i(t),s=o?a(o):null;(!t||!n||!s?.attributes[`data-keypad`])&&(r||this.setState({activeAnswerBlock:``}))};setTooltipRef(e){setTimeout(()=>{if(e&&Wj){let e=document.querySelector(`[role='tooltip']`);e&&e.firstChild.setAttribute(`tabindex`,`-1`)}},1)}render(){let{model:e}=this.props,{activeAnswerBlock:t,showCorrect:n,session:r,tooltipContainerRef:i}=this.state,{config:a,correctness:o,disabled:s,extraCSSRules:c,view:l,teacherInstructions:u,rationale:d,feedback:f,animationsDisabled:p,printMode:m,alwaysShowCorrect:h,language:g}=e||{};if(!a)return null;let{showNote:_,note:v,prompt:y,responses:b,responseType:x,equationEditor:S,customKeys:C,env:{mode:w,role:T}={}}=a||{},E=(n||w===`view`&&T===`instructor`)&&_&&v,D=sS(b),O=!D&&o&&o.correctness!==`correct`,ee=s&&o,k=Gj(C),A=o&&o.correct,j=Jj(e,this.state)||``,te=s&&!o,M=m&&!h,ne=d&&(Uy(d)||Gy(d)),N=u&&(Uy(u)||Gy(u)),re=(0,z.jsx)(sM,{children:(0,z.jsx)(QE,{className:`static-math`,ref:e=>{e&&(this.mqStatic=e)},latex:j,language:g,onSubFieldChange:this.subFieldChanged,getFieldName:this.getFieldName,setInput:this.setInput,onSubFieldFocus:this.onSubFieldFocus,onBlur:this.onBlur})}),ie=(0,z.jsxs)(tM,{children:[w===`gather`&&(0,z.jsx)(cM,{children:zj.t(`mathInline.mathEquationResponseQuestion`,{lng:g})}),te&&N&&(p?(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(u)}}):(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showTeacherInstructions`,{lng:g}),visible:zj.t(`common:hideTeacherInstructions`,{lng:g})},children:(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(u)}})})),y&&(0,z.jsx)(eM,{children:(0,z.jsx)(Mj,{prompt:y})}),M?re:(0,z.jsx)(Nj,{false:!0,children:(0,z.jsxs)(oM,{tabIndex:0,children:[x===kk.simple&&(0,z.jsx)(Oj,{onSimpleResponseChange:this.onSimpleResponseChange,showCorrect:n,emptyResponse:D,model:e,session:r,onSubFieldFocus:this.onSubFieldFocus,showKeypad:!!t}),x===kk.advanced&&(0,z.jsx)(aM,{ref:i,isIncorrect:!D&&!A&&!n,isCorrect:!D&&(A||n),showCorrectness:!D&&s&&o&&!l,correctAnswerShown:n,printCorrect:m&&h,children:(0,z.jsx)(Ok,{ref:e=>this.setTooltipRef(e),enterTouchDelay:0,interactive:!0,open:!!t,slotProps:{popper:{container:i?.current||void 0,placement:`bottom-start`,sx:{backgroundColor:`transparent`,width:`650px`,opacity:1,"& .MuiTooltip-arrow":{display:`none`}},modifiers:[{name:`offset`,options:{offset:[0,8]}},{name:`preventOverflow`,enabled:!0,options:{boundary:`viewport`,padding:8}},{name:`computeStyles`,options:{adaptive:!0,gpuAcceleration:!0}},{name:`flip`,enabled:!1}]},tooltip:{sx:{fontSize:`initial`,backgroundColor:`transparent`,width:`600px`,marginTop:0,paddingTop:0,boxShadow:`none`}}},title:Object.keys(r.answers).map(e=>e===t&&!(n||s)&&(0,z.jsx)(iM,{"data-keypad":!0,style:{width:qj(k,S)},children:(0,z.jsx)(pD,{additionalKeys:k,mode:S||Uj,onClick:this.onClick})},e)||null),children:(0,z.jsx)(`div`,{children:(0,z.jsx)(QE,{className:`static-math`,ref:e=>{e&&(this.mqStatic=e)},latex:j,language:g,onSubFieldChange:this.subFieldChanged,getFieldName:this.getFieldName,setInput:this.setInput,onSubFieldFocus:this.onSubFieldFocus,onBlur:this.onBlur})})})})]})}),te&&E&&(0,z.jsx)(nM,{dangerouslySetInnerHTML:{__html:`<strong>Note:</strong> ${cp(v)}`}}),te&&ne&&(p?(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(d)}}):(0,z.jsx)(Pj,{labels:{hidden:zj.t(`common:showRationale`,{lng:g}),visible:zj.t(`common:hideRationale`,{lng:g})},children:(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(d)}})}))]});return ee&&(O||N||ne||f)?(0,z.jsx)(Qj,{extraCSSRules:c,ref:e=>{let t=Zs.findDOMNode(e);this.root=t||this.root},children:(0,z.jsx)($j,{interactive:!0,enterTouchDelay:0,placement:`bottom-start`,slotProps:{tooltip:{sx:e=>({background:`${Dp()} !important`,color:pp(),padding:e.spacing(2),border:`1px solid ${jp()}`,fontSize:`16px`,"& :not(.MathJax) > table tr":{"&:nth-child(2n)":{backgroundColor:`unset !important`}}})},popper:{sx:{opacity:1},modifiers:[{name:`offset`,options:{offset:[0,2]}}]}},title:(0,z.jsxs)(`div`,{children:[(0,z.jsx)(tM,{children:O&&(0,z.jsx)(lM,{language:g,show:!0,toggled:n,onToggle:this.toggleShowCorrect})}),N&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showTeacherInstructions`,{lng:g}),visible:zj.t(`common:hideTeacherInstructions`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:u})},`collapsible-teacher-instructions`),E&&Uy(v)&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showNote`,{lng:g}),visible:zj.t(`common:hideNote`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:v})},`collapsible-note`),ne&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showRationale`,{lng:g}),visible:zj.t(`common:hideRationale`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:d})},`collapsible-rationale`),f&&(0,z.jsx)(Fj,{correctness:o.correctness,feedback:f})]}),children:ie})}):(0,z.jsx)(Qj,{extraCSSRules:c,ref:e=>{let t=Zs.findDOMNode(e);this.root=t||this.root},children:ie})}},Zj=()=>({blockContainer:`block-container`,blockResponse:`block-response`,blockMath:`block-math`});if(typeof document<`u`){let e=`math-inline-block-styles`;if(!document.getElementById(e)){let t=document.createElement(`style`);t.id=e,t.textContent=`
+              </div>`,text:()=>`text`,latex:()=>`\\embed{answerBlock}[${e}]`}}),!0))}handleAnswerBlockDomUpdate=()=>{let{model:e}=this.props,{session:t,showCorrect:n}=this.state,r=t.answers;this.root&&e.disabled&&!n&&Object.keys(r).forEach(t=>{let n=this.root.querySelector(`[data-answer-block="${t}"]`),i=this.root.querySelector(`[data-answer-block-index="${t}"]`);if(n){let a=r[t];FE(n,a&&a.value||``),e.view&&(n.parentElement.parentElement.classList.remove(`correct`),n.parentElement.parentElement.classList.remove(`incorrect`)),i.textContent=`R`}}),J_(this.root)};countResponseOccurrences(e){let t=e?.match(/\{\{response\}\}/g);return t?t.length:0}UNSAFE_componentWillReceiveProps(e){let{config:t}=this.props.model,{config:n={}}=e.model||{},{session:r}=this.props,{session:i={}}=e||{};if(r&&i&&!cS(r.answers,i.answers)&&this.setState({session:{...i,answers:Yj(i,this.props.model)}}),t.note&&t.language&&t.language!==n.language&&t.note===zj.t(`mathInline.primaryCorrectWithAlternates`,{lng:t.language})&&(t.note=zj.t(`mathInline.primaryCorrectWithAlternates`,{lng:n.language})),(t.env&&t.env.mode!==`evaluate`||n.env&&n.env.mode!==`evaluate`)&&this.setState({...this.state.session,showCorrect:!1}),n.alwaysShowCorrect&&this.setState({showCorrect:!0}),this.countResponseOccurrences(t.expression)<this.countResponseOccurrences(n.expression)&&setTimeout(()=>this.updateAria(),100),t&&t.responses&&t.responses.length!==n.responses.length||!t&&n&&n.responses||t&&n&&t.expression!==n.expression){let e={},t=this.state.session.answers,r=1;(n.expression||``).replace(Hj,()=>{e[`r${r}`]={value:t&&t[`r${r}`]&&t[`r${r}`].value||``},r++}),this.setState(t=>({session:{...t.session,completeAnswer:this.mqStatic&&this.mqStatic.mathField.latex(),answers:e}}),this.handleAnswerBlockDomUpdate)}}shouldComponentUpdate(e,t){let n=cS(this.props.model,e.model),r=cS(this.state,t);return!n||!r}componentDidMount(){this.handleAnswerBlockDomUpdate(),this.updateAria(),setTimeout(()=>J_(this.root),100)}componentDidUpdate(e,t){this.handleAnswerBlockDomUpdate(),(e.model?.config?.responseType!==this.props.model?.config?.responseType||e.model?.language!==this.props.model?.language)&&this.updateAria()}updateAria=()=>{if(this.root){this.root.querySelectorAll(`.mq-selectable`).forEach(e=>e.setAttribute(`aria-hidden`,`true`));let e=zj.t(`mathInline.keypadInstructions`,{lng:this.props.model?.language});this.root.querySelectorAll(`textarea`).forEach((t,n)=>{let r=`${this.instructionsIdPrefix}-${n}`,i=t.closest(`.mq-textarea`);if(i){let n=i.querySelector(`#${r}`);n||(n=document.createElement(`span`),n.id=r,n.className=`sr-only`,i.insertBefore(n,t)),n.textContent=e,t.setAttribute(`aria-describedby`,r)}})}};focusFirstKeypadElement=()=>{setTimeout(()=>{let e=document.querySelector(`[data-keypad]`);if(e){let t=e.querySelector(`button, [role='button']`);t&&t.focus()}},0)};handleKeyDown=(e,t)=>{let n=Kj(e.target,this.root),r=this.mqStatic&&this.mqStatic.inputRef?.current?this.mqStatic.inputRef?.current.contains(document.activeElement):!!document.activeElement?.closest(`.mq-editable-field`),{key:i,type:a}=e;r&&(i===`ArrowDown`||a===`click`||a===`touchstart`)?this.state.activeAnswerBlock!==t&&n&&(this.cleanupKeyDownListener(),this.setState({activeAnswerBlock:t},()=>{this.onSubFieldFocus(t),i===`ArrowDown`&&this.focusFirstKeypadElement()})):e.key===`Escape`&&this.setState({activeAnswerBlock:``})};onSubFieldFocus=e=>{this.handleEvent||(this.handleEvent=t=>{this.handleKeyDown(t,e)},document.addEventListener(`keydown`,this.handleEvent),document.addEventListener(`click`,this.handleEvent),document.addEventListener(`touchstart`,this.handleEvent))};cleanupKeyDownListener=()=>{this.handleEvent&&=(document.removeEventListener(`keydown`,this.handleEvent),document.removeEventListener(`click`,this.handleEvent),document.removeEventListener(`touchstart`,this.handleEvent),null)};componentWillUnmount(){this.cleanupKeyDownListener&&this.cleanupKeyDownListener()}onDone=()=>{};onSimpleResponseChange=e=>{this.setState(t=>({session:{...t.session,response:e}}),this.callOnSessionChange)};toNodeData=e=>{if(!e)return;let{type:t,value:n}=e;return t===`command`||t===`cursor`?e:t===`answer`?{type:`answer`,...e}:n===`clear`?{type:`clear`}:{type:`write`,value:n}};setInput=e=>{this.input=e};onClick=e=>{let t=window.scrollX,n=window.scrollY,r=this.toNodeData(e);r.type===`clear`?this.input.clear():r.type===`command`?Array.isArray(r.value)?r.value.forEach(e=>{this.input.cmd(e)}):this.input.cmd(r.value):r.type===`cursor`?this.input.keystroke(r.value):this.input.write(r.value),this.input.focus(),requestAnimationFrame(()=>{window.scrollTo(t,n),requestAnimationFrame(()=>window.scrollTo(t,n))})};callOnSessionChange=()=>{let{onSessionChange:e}=this.props;e&&e(this.state.session)};toggleShowCorrect=e=>{this.setState({showCorrect:e},this.handleAnswerBlockDomUpdate)};subFieldChanged=(e,t)=>{if(xw(),e){let n=window.scrollX,r=window.scrollY;this.setState(n=>({session:{...n.session,completeAnswer:this.mqStatic&&this.mqStatic.mathField.latex(),answers:{...n.session.answers,[e]:{value:t}}}}),()=>{this.callOnSessionChange(),requestAnimationFrame(()=>{window.scrollTo(n,r)})})}};getFieldName=(e,t)=>{let{answers:n}=this.state.session;if(Object.keys(n||{}).length)return Object.keys(n).find(n=>{let r=t[n];return r&&r.id==e.id})};onBlur=e=>{let{relatedTarget:t,currentTarget:n}=e||{},r=n&&n.closest(`[role=tooltip]`);function i(e,t=0){if(!e||t>=16)return null;let n=e.offsetParent;return n?n.getAttribute(`role`)===`tooltip`?n:i(n,t+1):null}function a(e,t=0){if(!e||t>=4)return null;let n=e?.children?.[0];return n?n.attributes&&n.attributes[`data-keypad`]?n:a(n,t+1):null}let o=i(t),s=o?a(o):null;(!t||!n||!s?.attributes[`data-keypad`])&&(r||this.setState({activeAnswerBlock:``}))};setTooltipRef(e){setTimeout(()=>{if(e&&Wj){let e=document.querySelector(`[role='tooltip']`);e&&e.firstChild.setAttribute(`tabindex`,`-1`)}},1)}render(){let{model:e}=this.props,{activeAnswerBlock:t,showCorrect:n,session:r,tooltipContainerRef:i}=this.state,{config:a,correctness:o,disabled:s,extraCSSRules:c,view:l,teacherInstructions:u,rationale:d,feedback:f,animationsDisabled:p,printMode:m,alwaysShowCorrect:h,language:g}=e||{};if(!a)return null;let{showNote:_,note:v,prompt:y,responses:b,responseType:x,equationEditor:S,customKeys:C,env:{mode:w,role:T}={}}=a||{},E=(n||w===`view`&&T===`instructor`)&&_&&v,D=sS(b),O=!D&&o&&o.correctness!==`correct`,ee=s&&o,k=Gj(C),A=o&&o.correct,j=Jj(e,this.state)||``,te=s&&!o,M=m&&!h,ne=d&&(Uy(d)||Gy(d)),N=u&&(Uy(u)||Gy(u)),re=(0,z.jsx)(sM,{children:(0,z.jsx)(QE,{className:`static-math`,ref:e=>{e&&(this.mqStatic=e)},latex:j,language:g,onSubFieldChange:this.subFieldChanged,getFieldName:this.getFieldName,setInput:this.setInput,onSubFieldFocus:this.onSubFieldFocus,onBlur:this.onBlur})}),ie=(0,z.jsxs)(tM,{children:[w===`gather`&&(0,z.jsx)(cM,{children:zj.t(`mathInline.mathEquationResponseQuestion`,{lng:g})}),te&&N&&(p?(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(u)}}):(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showTeacherInstructions`,{lng:g}),visible:zj.t(`common:hideTeacherInstructions`,{lng:g})},children:(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(u)}})})),y&&(0,z.jsx)(eM,{children:(0,z.jsx)(Mj,{prompt:y})}),M?re:(0,z.jsx)(Nj,{false:!0,children:(0,z.jsxs)(oM,{children:[x===kk.simple&&(0,z.jsx)(Oj,{onSimpleResponseChange:this.onSimpleResponseChange,showCorrect:n,emptyResponse:D,model:e,session:r,onSubFieldFocus:this.onSubFieldFocus,showKeypad:!!t}),x===kk.advanced&&(0,z.jsx)(aM,{ref:i,isIncorrect:!D&&!A&&!n,isCorrect:!D&&(A||n),showCorrectness:!D&&s&&o&&!l,correctAnswerShown:n,printCorrect:m&&h,children:(0,z.jsx)(Ok,{ref:e=>this.setTooltipRef(e),enterTouchDelay:0,interactive:!0,open:!!t,slotProps:{popper:{container:i?.current||void 0,placement:`bottom-start`,sx:{backgroundColor:`transparent`,width:`650px`,opacity:1,"& .MuiTooltip-arrow":{display:`none`}},modifiers:[{name:`offset`,options:{offset:[0,8]}},{name:`preventOverflow`,enabled:!0,options:{boundary:`viewport`,padding:8}},{name:`computeStyles`,options:{adaptive:!0,gpuAcceleration:!0}},{name:`flip`,enabled:!1}]},tooltip:{sx:{fontSize:`initial`,backgroundColor:`transparent`,width:`600px`,marginTop:0,paddingTop:0,boxShadow:`none`}}},title:Object.keys(r.answers).map(e=>e===t&&!(n||s)&&(0,z.jsx)(iM,{"data-keypad":!0,style:{width:qj(k,S)},children:(0,z.jsx)(pD,{additionalKeys:k,mode:S||Uj,onClick:this.onClick})},e)||null),children:(0,z.jsx)(`div`,{children:(0,z.jsx)(QE,{className:`static-math`,ref:e=>{e&&(this.mqStatic=e)},latex:j,language:g,onSubFieldChange:this.subFieldChanged,getFieldName:this.getFieldName,setInput:this.setInput,onSubFieldFocus:this.onSubFieldFocus,onBlur:this.onBlur})})})})]})}),te&&E&&(0,z.jsx)(nM,{dangerouslySetInnerHTML:{__html:`<strong>Note:</strong> ${cp(v)}`}}),te&&ne&&(p?(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(d)}}):(0,z.jsx)(Pj,{labels:{hidden:zj.t(`common:showRationale`,{lng:g}),visible:zj.t(`common:hideRationale`,{lng:g})},children:(0,z.jsx)(`div`,{dangerouslySetInnerHTML:{__html:cp(d)}})}))]});return ee&&(O||N||ne||f)?(0,z.jsx)(Qj,{extraCSSRules:c,ref:e=>{let t=Zs.findDOMNode(e);this.root=t||this.root},children:(0,z.jsx)($j,{interactive:!0,enterTouchDelay:0,placement:`bottom-start`,slotProps:{tooltip:{sx:e=>({background:`${Dp()} !important`,color:pp(),padding:e.spacing(2),border:`1px solid ${jp()}`,fontSize:`16px`,"& :not(.MathJax) > table tr":{"&:nth-child(2n)":{backgroundColor:`unset !important`}}})},popper:{sx:{opacity:1},modifiers:[{name:`offset`,options:{offset:[0,2]}}]}},title:(0,z.jsxs)(`div`,{children:[(0,z.jsx)(tM,{children:O&&(0,z.jsx)(lM,{language:g,show:!0,toggled:n,onToggle:this.toggleShowCorrect})}),N&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showTeacherInstructions`,{lng:g}),visible:zj.t(`common:hideTeacherInstructions`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:u})},`collapsible-teacher-instructions`),E&&Uy(v)&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showNote`,{lng:g}),visible:zj.t(`common:hideNote`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:v})},`collapsible-note`),ne&&(0,z.jsx)(rM,{labels:{hidden:zj.t(`common:showRationale`,{lng:g}),visible:zj.t(`common:hideRationale`,{lng:g})},children:(0,z.jsx)(Mj,{prompt:d})},`collapsible-rationale`),f&&(0,z.jsx)(Fj,{correctness:o.correctness,feedback:f})]}),children:ie})}):(0,z.jsx)(Qj,{extraCSSRules:c,ref:e=>{let t=Zs.findDOMNode(e);this.root=t||this.root},children:ie})}},Zj=()=>({blockContainer:`block-container`,blockResponse:`block-response`,blockMath:`block-math`});if(typeof document<`u`){let e=`math-inline-block-styles`;if(!document.getElementById(e)){let t=document.createElement(`style`);t.id=e,t.textContent=`
       .block-container {
         margin: 8px !important;
         display: inline-flex;

package/module/print.js

@@ -27932,98 +27932,95 @@ var Gj = class extends _.Component {
 			y && /* @__PURE__ */ (0, R.jsx)(Yj, { children: /* @__PURE__ */ (0, R.jsx)(Dj, { prompt: y }) }),
 			N ? F : /* @__PURE__ */ (0, R.jsx)(Oj, {
 				false: !0,
-				children: /* @__PURE__ */ (0, R.jsxs)(tM, {
-					tabIndex: 0,
-					children: [x === wk.simple && /* @__PURE__ */ (0, R.jsx)(Cj, {
-						onSimpleResponseChange: this.onSimpleResponseChange,
-						showCorrect: n,
-						emptyResponse: D,
-						model: e,
-						session: r,
-						onSubFieldFocus: this.onSubFieldFocus,
-						showKeypad: !!t
-					}), x === wk.advanced && /* @__PURE__ */ (0, R.jsx)(eM, {
-						ref: i,
-						isIncorrect: !D && !A && !n,
-						isCorrect: !D && (A || n),
-						showCorrectness: !D && s && o && !l,
-						correctAnswerShown: n,
-						printCorrect: m && h,
-						children: /* @__PURE__ */ (0, R.jsx)(Ck, {
-							ref: (e) => this.setTooltipRef(e),
-							enterTouchDelay: 0,
-							interactive: !0,
-							open: !!t,
-							slotProps: {
-								popper: {
-									container: i?.current || void 0,
-									placement: "bottom-start",
-									sx: {
-										backgroundColor: "transparent",
-										width: "650px",
-										opacity: 1,
-										"& .MuiTooltip-arrow": { display: "none" }
+				children: /* @__PURE__ */ (0, R.jsxs)(tM, { children: [x === wk.simple && /* @__PURE__ */ (0, R.jsx)(Cj, {
+					onSimpleResponseChange: this.onSimpleResponseChange,
+					showCorrect: n,
+					emptyResponse: D,
+					model: e,
+					session: r,
+					onSubFieldFocus: this.onSubFieldFocus,
+					showKeypad: !!t
+				}), x === wk.advanced && /* @__PURE__ */ (0, R.jsx)(eM, {
+					ref: i,
+					isIncorrect: !D && !A && !n,
+					isCorrect: !D && (A || n),
+					showCorrectness: !D && s && o && !l,
+					correctAnswerShown: n,
+					printCorrect: m && h,
+					children: /* @__PURE__ */ (0, R.jsx)(Ck, {
+						ref: (e) => this.setTooltipRef(e),
+						enterTouchDelay: 0,
+						interactive: !0,
+						open: !!t,
+						slotProps: {
+							popper: {
+								container: i?.current || void 0,
+								placement: "bottom-start",
+								sx: {
+									backgroundColor: "transparent",
+									width: "650px",
+									opacity: 1,
+									"& .MuiTooltip-arrow": { display: "none" }
+								},
+								modifiers: [
+									{
+										name: "offset",
+										options: { offset: [0, 8] }
 									},
-									modifiers: [
-										{
-											name: "offset",
-											options: { offset: [0, 8] }
-										},
-										{
-											name: "preventOverflow",
-											enabled: !0,
-											options: {
-												boundary: "viewport",
-												padding: 8
-											}
-										},
-										{
-											name: "computeStyles",
-											options: {
-												adaptive: !0,
-												gpuAcceleration: !0
-											}
-										},
-										{
-											name: "flip",
-											enabled: !1
+									{
+										name: "preventOverflow",
+										enabled: !0,
+										options: {
+											boundary: "viewport",
+											padding: 8
 										}
-									]
-								},
-								tooltip: { sx: {
-									fontSize: "initial",
-									backgroundColor: "transparent",
-									width: "600px",
-									marginTop: 0,
-									paddingTop: 0,
-									boxShadow: "none"
-								} }
+									},
+									{
+										name: "computeStyles",
+										options: {
+											adaptive: !0,
+											gpuAcceleration: !0
+										}
+									},
+									{
+										name: "flip",
+										enabled: !1
+									}
+								]
 							},
-							title: Object.keys(r.answers).map((e) => e === t && !(n || s) && /* @__PURE__ */ (0, R.jsx)($j, {
-								"data-keypad": !0,
-								style: { width: Hj(ee, S) },
-								children: /* @__PURE__ */ (0, R.jsx)(cD, {
-									additionalKeys: ee,
-									mode: S || Rj,
-									onClick: this.onClick
-								})
-							}, e) || null),
-							children: /* @__PURE__ */ (0, R.jsx)("div", { children: /* @__PURE__ */ (0, R.jsx)(VE.Static, {
-								className: "static-math",
-								ref: (e) => {
-									e && (this.mqStatic = e);
-								},
-								latex: j,
-								language: g,
-								onSubFieldChange: this.subFieldChanged,
-								getFieldName: this.getFieldName,
-								setInput: this.setInput,
-								onSubFieldFocus: this.onSubFieldFocus,
-								onBlur: this.onBlur
-							}) })
-						})
-					})]
-				})
+							tooltip: { sx: {
+								fontSize: "initial",
+								backgroundColor: "transparent",
+								width: "600px",
+								marginTop: 0,
+								paddingTop: 0,
+								boxShadow: "none"
+							} }
+						},
+						title: Object.keys(r.answers).map((e) => e === t && !(n || s) && /* @__PURE__ */ (0, R.jsx)($j, {
+							"data-keypad": !0,
+							style: { width: Hj(ee, S) },
+							children: /* @__PURE__ */ (0, R.jsx)(cD, {
+								additionalKeys: ee,
+								mode: S || Rj,
+								onClick: this.onClick
+							})
+						}, e) || null),
+						children: /* @__PURE__ */ (0, R.jsx)("div", { children: /* @__PURE__ */ (0, R.jsx)(VE.Static, {
+							className: "static-math",
+							ref: (e) => {
+								e && (this.mqStatic = e);
+							},
+							latex: j,
+							language: g,
+							onSubFieldChange: this.subFieldChanged,
+							getFieldName: this.getFieldName,
+							setInput: this.setInput,
+							onSubFieldFocus: this.onSubFieldFocus,
+							onBlur: this.onBlur
+						}) })
+					})
+				})] })
 			}),
 			M && E && /* @__PURE__ */ (0, R.jsx)(Zj, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${Bf(v)}` } }),
 			M && P && (p ? /* @__PURE__ */ (0, R.jsx)("div", { dangerouslySetInnerHTML: { __html: Bf(d) } }) : /* @__PURE__ */ (0, R.jsx)(kj, {