@mathscan/math-exercise-engine 1.2.12 → 1.2.13

package/README.md

@@ -120,11 +120,13 @@ exerciseRef.current?.focusFirstInput();  // Focus first editable input field
 - **`submit()`**: Performs validation, returns `ValidationResult`, triggers `onSubmit`, and **locks the exercise** (see below). Calling it again while locked is a no-op that replays the same `ValidationResult` — no sound, no `onSubmit`
 - **`getValues()`**: Returns `Record<string, UserAnswerValue>` of all current input values
 - **`getCompletion()`**: Returns `{ total, filled, missing, filledIds, isComplete, isAnyFilled }` — use it to decide when to enable your submit button
+  - A typed input (or fraction slot) counts as filled once it has a value **and** the student finished it: the box is full (`digits` / `length`), the student moved to another input, or 1 s (`INPUT_FINISH_IDLE_MS`) passed without a keystroke. It never depends on the answer, so a wrong answer of any length can be submitted and the button can't hint at the answer's length. `isAnyFilled` only needs a value.
+  - When an input finishes without a value change (pause or moving on), `onChange` fires again with the same values so a host reading `getCompletion()` there sees the update.
 - **`revealAnswers()`**: Fills every widget with its correct answer and **locks the exercise**. No-op for display-only exercises
 - **`reset()`**: Clears all input fields and **unlocks** the exercise
 - **`focusFirstInput()`**: Focuses the first editable input of *this* renderer. Skips read-only/disabled fields, so it does nothing while the exercise is locked
 
-**Auto-advance:** when a typed input's box is full (`digits` / `length` characters), the caret moves to the next editable input of the exercise, in on-screen order. It never depends on the answer, so it can't hint at the answer's length. It moves only on the keystroke that fills the box, so replacing a full value doesn't move it again. It doesn't move on a dropped value, from a fraction slot (no box length), or on the last input.
+**Auto-advance:** when a typed input's box is full (`digits` / `length` characters), the caret moves to the next editable input of the exercise, in on-screen order. It never depends on the answer, so it can't hint at the answer's length. It moves only on the keystroke that fills the box, so replacing a full value doesn't move it again. It doesn't move on a dropped value, from a fraction slot (no box length), or on the last input. With a `NUMERIC_KEYPAD`, inputs get `inputMode="none"`, so neither a tap nor auto-advance opens the device keyboard over the keypad.
 
 ## 🔒 Locking After a Check
 

package/dist/{GeometryWidget-BMOiQMvj.js → GeometryWidget-CMJTNSAG.js}

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const react = require("@mathscan/geometry-engine/react");
 const validation = require("@mathscan/geometry-engine/validation");
-const index = require("./index-Di53h19p.js");
+const index = require("./index-CbKXPRsS.js");
 const GeometryWidget = ({
   widgetId,
   widget,
@@ -47,4 +47,4 @@ const GeometryWidget = ({
   ) });
 };
 exports.GeometryWidget = GeometryWidget;
-//# sourceMappingURL=GeometryWidget-BMOiQMvj.js.map
+//# sourceMappingURL=GeometryWidget-CMJTNSAG.js.map

package/dist/{GeometryWidget-BMOiQMvj.js.map → GeometryWidget-CMJTNSAG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GeometryWidget-BMOiQMvj.js","sources":["../src/renderer/widgets/geometry/GeometryWidget.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { StudentGeometryExercise } from '@mathscan/geometry-engine/react';\nimport { serializeGeometryState } from '@mathscan/geometry-engine/validation';\nimport type { GeometryJSON } from '../../../transformers/zod-schemas';\nimport type { WidgetValidation } from '../../../validators';\nimport { logRejectedGeometryAttempt, readGeometryAttempt } from '../../../validators';\nimport { useExerciseLocked } from '../../lock';\n\nexport interface GeometryWidgetProps {\n  widgetId: string;\n  widget: GeometryJSON;\n  /** Serialized `GeometryState` — the value this package stores and validates. */\n  value?: string;\n  validationDetail?: WidgetValidation;\n  onChange: (widgetId: string, value: string) => void;\n}\n\n/**\n * Adapter between this package's widget contract and the geometry engine's\n * student component. It owns no geometry logic: the attempt is passed through as\n * data, the engine's verdict is passed back untouched, and the canvas itself\n * decides what to draw and when a result has gone stale.\n */\nexport const GeometryWidget: React.FC<GeometryWidgetProps> = ({\n  widgetId,\n  widget,\n  value,\n  validationDetail,\n  onChange,\n}) => {\n  const exerciseLocked = useExerciseLocked();\n  // Parsed per value change: the component is controlled, and handing it the\n  // same attempt as a fresh object on every render would look like a new value.\n  const { attempt, issues } = useMemo(() => readGeometryAttempt(value), [value]);\n\n  // A stored value the engine refuses is shown as an empty canvas, so the\n  // student's saved work silently vanishes unless this says so — once per value.\n  useEffect(() => {\n    if (issues) logRejectedGeometryAttempt(widgetId, issues);\n  }, [issues, widgetId]);\n\n  return (\n    <div className=\"geometry-widget\" data-widget-id={widgetId}>\n      <StudentGeometryExercise\n        showCompanion={false}\n        exercise={widget.json}\n        value={attempt}\n        readOnly={exerciseLocked}\n        validationFeedback={validationDetail?.geometryFeedback ?? null}\n        // Reset belongs to the exercise, which clears every widget at once.\n        controls={{\n          toolbar: false,\n          history: false,\n          delete: false,\n          reset: false,\n          instruments: false,\n        }}\n        onChange={(next) => onChange(widgetId, serializeGeometryState(next))}\n        // The engine renders its own error box for a rejected exercise or\n        // value; this is the only place the reasons surface for an author.\n        onError={(issues) => {\n          console.error(\n            `Geometry exercise rejected (widget \"${widgetId}\"):`,\n            issues.map(({ source, path, message }) => ({\n              source,\n              path: path.join('.'),\n              message,\n            }))\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["useExerciseLocked","useMemo","readGeometryAttempt","useEffect","logRejectedGeometryAttempt","jsx","StudentGeometryExercise","serializeGeometryState","issues"],"mappings":";;;;;;;AAuBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiBA,MAAAA,kBAAA;AAGvB,QAAM,EAAE,SAAS,OAAA,IAAWC,MAAAA,QAAQ,MAAMC,MAAAA,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAI7EC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAQC,OAAAA,2BAA2B,UAAU,MAAM;AAAA,EACzD,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,kBAAgB,UAC/C,UAAAA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,UAAU,OAAO;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB,kBAAkB,oBAAoB;AAAA,MAE1D,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU,CAAC,SAAS,SAAS,UAAUC,WAAAA,uBAAuB,IAAI,CAAC;AAAA,MAGnE,SAAS,CAACC,YAAW;AACnB,gBAAQ;AAAA,UACN,uCAAuC,QAAQ;AAAA,UAC/CA,QAAO,IAAI,CAAC,EAAE,QAAQ,MAAM,eAAe;AAAA,YACzC;AAAA,YACA,MAAM,KAAK,KAAK,GAAG;AAAA,YACnB;AAAA,UAAA,EACA;AAAA,QAAA;AAAA,MAEN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"GeometryWidget-CMJTNSAG.js","sources":["../src/renderer/widgets/geometry/GeometryWidget.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { StudentGeometryExercise } from '@mathscan/geometry-engine/react';\nimport { serializeGeometryState } from '@mathscan/geometry-engine/validation';\nimport type { GeometryJSON } from '../../../transformers/zod-schemas';\nimport type { WidgetValidation } from '../../../validators';\nimport { logRejectedGeometryAttempt, readGeometryAttempt } from '../../../validators';\nimport { useExerciseLocked } from '../../lock';\n\nexport interface GeometryWidgetProps {\n  widgetId: string;\n  widget: GeometryJSON;\n  /** Serialized `GeometryState` — the value this package stores and validates. */\n  value?: string;\n  validationDetail?: WidgetValidation;\n  onChange: (widgetId: string, value: string) => void;\n}\n\n/**\n * Adapter between this package's widget contract and the geometry engine's\n * student component. It owns no geometry logic: the attempt is passed through as\n * data, the engine's verdict is passed back untouched, and the canvas itself\n * decides what to draw and when a result has gone stale.\n */\nexport const GeometryWidget: React.FC<GeometryWidgetProps> = ({\n  widgetId,\n  widget,\n  value,\n  validationDetail,\n  onChange,\n}) => {\n  const exerciseLocked = useExerciseLocked();\n  // Parsed per value change: the component is controlled, and handing it the\n  // same attempt as a fresh object on every render would look like a new value.\n  const { attempt, issues } = useMemo(() => readGeometryAttempt(value), [value]);\n\n  // A stored value the engine refuses is shown as an empty canvas, so the\n  // student's saved work silently vanishes unless this says so — once per value.\n  useEffect(() => {\n    if (issues) logRejectedGeometryAttempt(widgetId, issues);\n  }, [issues, widgetId]);\n\n  return (\n    <div className=\"geometry-widget\" data-widget-id={widgetId}>\n      <StudentGeometryExercise\n        showCompanion={false}\n        exercise={widget.json}\n        value={attempt}\n        readOnly={exerciseLocked}\n        validationFeedback={validationDetail?.geometryFeedback ?? null}\n        // Reset belongs to the exercise, which clears every widget at once.\n        controls={{\n          toolbar: false,\n          history: false,\n          delete: false,\n          reset: false,\n          instruments: false,\n        }}\n        onChange={(next) => onChange(widgetId, serializeGeometryState(next))}\n        // The engine renders its own error box for a rejected exercise or\n        // value; this is the only place the reasons surface for an author.\n        onError={(issues) => {\n          console.error(\n            `Geometry exercise rejected (widget \"${widgetId}\"):`,\n            issues.map(({ source, path, message }) => ({\n              source,\n              path: path.join('.'),\n              message,\n            }))\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["useExerciseLocked","useMemo","readGeometryAttempt","useEffect","logRejectedGeometryAttempt","jsx","StudentGeometryExercise","serializeGeometryState","issues"],"mappings":";;;;;;;AAuBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiBA,MAAAA,kBAAA;AAGvB,QAAM,EAAE,SAAS,OAAA,IAAWC,MAAAA,QAAQ,MAAMC,MAAAA,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAI7EC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAQC,OAAAA,2BAA2B,UAAU,MAAM;AAAA,EACzD,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,kBAAgB,UAC/C,UAAAA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,UAAU,OAAO;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB,kBAAkB,oBAAoB;AAAA,MAE1D,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU,CAAC,SAAS,SAAS,UAAUC,WAAAA,uBAAuB,IAAI,CAAC;AAAA,MAGnE,SAAS,CAACC,YAAW;AACnB,gBAAQ;AAAA,UACN,uCAAuC,QAAQ;AAAA,UAC/CA,QAAO,IAAI,CAAC,EAAE,QAAQ,MAAM,eAAe;AAAA,YACzC;AAAA,YACA,MAAM,KAAK,KAAK,GAAG;AAAA,YACnB;AAAA,UAAA,EACA;AAAA,QAAA;AAAA,MAEN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/{GeometryWidget-Qi5s7Lql.mjs → GeometryWidget-h2yNZsas.mjs}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo, useEffect } from "react";
 import { StudentGeometryExercise } from "@mathscan/geometry-engine/react";
 import { serializeGeometryState } from "@mathscan/geometry-engine/validation";
-import { u as useExerciseLocked, r as readGeometryAttempt, l as logRejectedGeometryAttempt } from "./index-BtJRsuwL.mjs";
+import { u as useExerciseLocked, r as readGeometryAttempt, l as logRejectedGeometryAttempt } from "./index-CAvdtiDQ.mjs";
 const GeometryWidget = ({
   widgetId,
   widget,
@@ -47,4 +47,4 @@ const GeometryWidget = ({
 export {
   GeometryWidget
 };
-//# sourceMappingURL=GeometryWidget-Qi5s7Lql.mjs.map
+//# sourceMappingURL=GeometryWidget-h2yNZsas.mjs.map

package/dist/{GeometryWidget-Qi5s7Lql.mjs.map → GeometryWidget-h2yNZsas.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GeometryWidget-Qi5s7Lql.mjs","sources":["../src/renderer/widgets/geometry/GeometryWidget.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { StudentGeometryExercise } from '@mathscan/geometry-engine/react';\nimport { serializeGeometryState } from '@mathscan/geometry-engine/validation';\nimport type { GeometryJSON } from '../../../transformers/zod-schemas';\nimport type { WidgetValidation } from '../../../validators';\nimport { logRejectedGeometryAttempt, readGeometryAttempt } from '../../../validators';\nimport { useExerciseLocked } from '../../lock';\n\nexport interface GeometryWidgetProps {\n  widgetId: string;\n  widget: GeometryJSON;\n  /** Serialized `GeometryState` — the value this package stores and validates. */\n  value?: string;\n  validationDetail?: WidgetValidation;\n  onChange: (widgetId: string, value: string) => void;\n}\n\n/**\n * Adapter between this package's widget contract and the geometry engine's\n * student component. It owns no geometry logic: the attempt is passed through as\n * data, the engine's verdict is passed back untouched, and the canvas itself\n * decides what to draw and when a result has gone stale.\n */\nexport const GeometryWidget: React.FC<GeometryWidgetProps> = ({\n  widgetId,\n  widget,\n  value,\n  validationDetail,\n  onChange,\n}) => {\n  const exerciseLocked = useExerciseLocked();\n  // Parsed per value change: the component is controlled, and handing it the\n  // same attempt as a fresh object on every render would look like a new value.\n  const { attempt, issues } = useMemo(() => readGeometryAttempt(value), [value]);\n\n  // A stored value the engine refuses is shown as an empty canvas, so the\n  // student's saved work silently vanishes unless this says so — once per value.\n  useEffect(() => {\n    if (issues) logRejectedGeometryAttempt(widgetId, issues);\n  }, [issues, widgetId]);\n\n  return (\n    <div className=\"geometry-widget\" data-widget-id={widgetId}>\n      <StudentGeometryExercise\n        showCompanion={false}\n        exercise={widget.json}\n        value={attempt}\n        readOnly={exerciseLocked}\n        validationFeedback={validationDetail?.geometryFeedback ?? null}\n        // Reset belongs to the exercise, which clears every widget at once.\n        controls={{\n          toolbar: false,\n          history: false,\n          delete: false,\n          reset: false,\n          instruments: false,\n        }}\n        onChange={(next) => onChange(widgetId, serializeGeometryState(next))}\n        // The engine renders its own error box for a rejected exercise or\n        // value; this is the only place the reasons surface for an author.\n        onError={(issues) => {\n          console.error(\n            `Geometry exercise rejected (widget \"${widgetId}\"):`,\n            issues.map(({ source, path, message }) => ({\n              source,\n              path: path.join('.'),\n              message,\n            }))\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["issues"],"mappings":";;;;;AAuBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,kBAAA;AAGvB,QAAM,EAAE,SAAS,OAAA,IAAW,QAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAI7E,YAAU,MAAM;AACd,QAAI,OAAQ,4BAA2B,UAAU,MAAM;AAAA,EACzD,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,SACE,oBAAC,OAAA,EAAI,WAAU,mBAAkB,kBAAgB,UAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,UAAU,OAAO;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB,kBAAkB,oBAAoB;AAAA,MAE1D,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU,CAAC,SAAS,SAAS,UAAU,uBAAuB,IAAI,CAAC;AAAA,MAGnE,SAAS,CAACA,YAAW;AACnB,gBAAQ;AAAA,UACN,uCAAuC,QAAQ;AAAA,UAC/CA,QAAO,IAAI,CAAC,EAAE,QAAQ,MAAM,eAAe;AAAA,YACzC;AAAA,YACA,MAAM,KAAK,KAAK,GAAG;AAAA,YACnB;AAAA,UAAA,EACA;AAAA,QAAA;AAAA,MAEN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"GeometryWidget-h2yNZsas.mjs","sources":["../src/renderer/widgets/geometry/GeometryWidget.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { StudentGeometryExercise } from '@mathscan/geometry-engine/react';\nimport { serializeGeometryState } from '@mathscan/geometry-engine/validation';\nimport type { GeometryJSON } from '../../../transformers/zod-schemas';\nimport type { WidgetValidation } from '../../../validators';\nimport { logRejectedGeometryAttempt, readGeometryAttempt } from '../../../validators';\nimport { useExerciseLocked } from '../../lock';\n\nexport interface GeometryWidgetProps {\n  widgetId: string;\n  widget: GeometryJSON;\n  /** Serialized `GeometryState` — the value this package stores and validates. */\n  value?: string;\n  validationDetail?: WidgetValidation;\n  onChange: (widgetId: string, value: string) => void;\n}\n\n/**\n * Adapter between this package's widget contract and the geometry engine's\n * student component. It owns no geometry logic: the attempt is passed through as\n * data, the engine's verdict is passed back untouched, and the canvas itself\n * decides what to draw and when a result has gone stale.\n */\nexport const GeometryWidget: React.FC<GeometryWidgetProps> = ({\n  widgetId,\n  widget,\n  value,\n  validationDetail,\n  onChange,\n}) => {\n  const exerciseLocked = useExerciseLocked();\n  // Parsed per value change: the component is controlled, and handing it the\n  // same attempt as a fresh object on every render would look like a new value.\n  const { attempt, issues } = useMemo(() => readGeometryAttempt(value), [value]);\n\n  // A stored value the engine refuses is shown as an empty canvas, so the\n  // student's saved work silently vanishes unless this says so — once per value.\n  useEffect(() => {\n    if (issues) logRejectedGeometryAttempt(widgetId, issues);\n  }, [issues, widgetId]);\n\n  return (\n    <div className=\"geometry-widget\" data-widget-id={widgetId}>\n      <StudentGeometryExercise\n        showCompanion={false}\n        exercise={widget.json}\n        value={attempt}\n        readOnly={exerciseLocked}\n        validationFeedback={validationDetail?.geometryFeedback ?? null}\n        // Reset belongs to the exercise, which clears every widget at once.\n        controls={{\n          toolbar: false,\n          history: false,\n          delete: false,\n          reset: false,\n          instruments: false,\n        }}\n        onChange={(next) => onChange(widgetId, serializeGeometryState(next))}\n        // The engine renders its own error box for a rejected exercise or\n        // value; this is the only place the reasons surface for an author.\n        onError={(issues) => {\n          console.error(\n            `Geometry exercise rejected (widget \"${widgetId}\"):`,\n            issues.map(({ source, path, message }) => ({\n              source,\n              path: path.join('.'),\n              message,\n            }))\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["issues"],"mappings":";;;;;AAuBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,kBAAA;AAGvB,QAAM,EAAE,SAAS,OAAA,IAAW,QAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAI7E,YAAU,MAAM;AACd,QAAI,OAAQ,4BAA2B,UAAU,MAAM;AAAA,EACzD,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,SACE,oBAAC,OAAA,EAAI,WAAU,mBAAkB,kBAAgB,UAC/C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,UAAU,OAAO;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB,kBAAkB,oBAAoB;AAAA,MAE1D,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU,CAAC,SAAS,SAAS,UAAU,uBAAuB,IAAI,CAAC;AAAA,MAGnE,SAAS,CAACA,YAAW;AACnB,gBAAQ;AAAA,UACN,uCAAuC,QAAQ;AAAA,UAC/CA,QAAO,IAAI,CAAC,EAAE,QAAQ,MAAM,eAAe;AAAA,YACzC;AAAA,YACA,MAAM,KAAK,KAAK,GAAG;AAAA,YACnB;AAAA,UAAA,EACA;AAAA,QAAA;AAAA,MAEN;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/{index-BtJRsuwL.mjs → index-CAvdtiDQ.mjs}

@@ -17159,12 +17159,17 @@ function getTextInputs(container) {
 function canTakeInput(el) {
   return !el.readOnly && !el.disabled;
 }
+function canAdvanceTo(el) {
+  return !el.disabled && el.tabIndex >= 0;
+}
 function findNextInput(container, currentKey) {
   const inputs = getTextInputs(container);
   const currentIndex = inputs.findIndex((el) => el.id === getInputElementId(currentKey));
   if (currentIndex === -1) return null;
-  return inputs.slice(currentIndex + 1).find(canTakeInput) ?? null;
+  return inputs.slice(currentIndex + 1).find(canAdvanceTo) ?? null;
 }
+const KeypadContext = createContext(false);
+const useHasKeypad = () => useContext(KeypadContext);
 const InlineInput = ({
   widgetId,
   value,
@@ -17181,6 +17186,7 @@ const InlineInput = ({
 }) => {
   const playSound = useSound();
   const locked = useExerciseLocked();
+  const hasKeypad = useHasKeypad();
   const handleChange = useCallback((newValue, fromDrop = false, sourceOptionId) => {
     onChange(widgetId, newValue, fromDrop, sourceOptionId);
   }, [onChange, widgetId]);
@@ -17235,6 +17241,7 @@ const InlineInput = ({
             },
             onFocus: () => onFocus?.(widgetId),
             readOnly: locked,
+            inputMode: hasKeypad ? "none" : void 0,
             disabled,
             maxLength: expectedLength,
             style: { width: dynamicWidth },
@@ -17437,6 +17444,7 @@ const FractionInput = ({
 }) => {
   const playSound = useSound();
   const locked = useExerciseLocked();
+  const hasKeypad = useHasKeypad();
   const numKey = getFractionKey(widgetId, "num");
   const denKey = getFractionKey(widgetId, "den");
   const numValue = values[numKey] ?? "";
@@ -17490,6 +17498,7 @@ const FractionInput = ({
             },
             onFocus: () => onFocus?.(subKey),
             readOnly: locked,
+            inputMode: hasKeypad ? "none" : void 0,
             maxLength: placeholder ? Math.max(20, placeholder.length) : 4,
             size: placeholder ? placeholder.length : void 0,
             "aria-label": label,
@@ -19700,7 +19709,7 @@ function isGeometryWidget(widget) {
   return widget.type === JSON_TYPES.GEOMETRY;
 }
 const GeometryWidget = React.lazy(async () => ({
-  default: (await import("./GeometryWidget-Qi5s7Lql.mjs")).GeometryWidget
+  default: (await import("./GeometryWidget-h2yNZsas.mjs")).GeometryWidget
 }));
 const WidgetRenderer = ({
   widget,
@@ -22396,6 +22405,7 @@ const TOOL_ASPECT_RATIO = {
   "set-square": SET_SQUARE_ASPECT_RATIO
 };
 const FLIP_BTN_EXTRA = 44;
+const INPUT_FINISH_IDLE_MS = 1e3;
 function warnOnInvalidThemeColors(theme) {
   if (process.env.NODE_ENV === "production" || !theme) return;
   if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return;
@@ -22433,6 +22443,9 @@ function hasJustFilledBox(json, key2, previous, value) {
   if (maxLength === void 0) return false;
   return String(previous ?? "").length < maxLength && String(value).length >= maxLength;
 }
+function isTypedInputKey(json, key2) {
+  return json.widgets[key2]?.type === JSON_TYPES.INLINE_INPUT || Boolean(parseFractionKey(key2));
+}
 function buildInitialValuesSignature(json) {
   return JSON.stringify({
     widgets: json.widgets,
@@ -22518,6 +22531,24 @@ const ExerciseRenderer = forwardRef(({
   const valuesRef = useRef(values);
   valuesRef.current = values;
   const touchedRef = useRef(/* @__PURE__ */ new Set());
+  const pendingRef = useRef(/* @__PURE__ */ new Map());
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const clearPending = (key2) => {
+    const timer = pendingRef.current.get(key2);
+    if (timer === void 0) return false;
+    clearTimeout(timer);
+    pendingRef.current.delete(key2);
+    return true;
+  };
+  const clearAllPending = () => {
+    pendingRef.current.forEach((timer) => clearTimeout(timer));
+    pendingRef.current = /* @__PURE__ */ new Map();
+  };
+  const finishPending = (key2) => {
+    if (clearPending(key2)) onChangeRef.current?.(valuesRef.current);
+  };
+  useEffect(() => clearAllPending, []);
   const [loadedValuesSignature, setLoadedValuesSignature] = useState(initialValuesSignature);
   const [droppedSources, setDroppedSources] = useState(/* @__PURE__ */ new Map());
   const [focusedInputId, setFocusedInputId] = useState(null);
@@ -22548,11 +22579,13 @@ const ExerciseRenderer = forwardRef(({
     setLoadedValuesSignature(initialValuesSignature);
     touchedRef.current = /* @__PURE__ */ new Set();
     setTutorialRun(null);
+    clearAllPending();
   }, [json, initialValuesSignature, loadedValuesSignature]);
   const locked = validationDetails !== null || externallyLocked;
   const lastResultRef = useRef(null);
   const runSubmit = () => {
     if (locked) return lastResultRef.current ?? validate(json, values);
+    clearAllPending();
     const result = validate(json, values);
     playSound(result.isCorrect ? "answer-correct" : "answer-wrong");
     const details = { ...result.details };
@@ -22590,6 +22623,11 @@ const ExerciseRenderer = forwardRef(({
       for (const id of answerable) {
         if (!touchedRef.current.has(id)) missingSet.add(id);
       }
+      const isAnyFilled = answerable.some((id) => !missingSet.has(id));
+      for (const key2 of pendingRef.current.keys()) {
+        const id = toBaseId(key2);
+        if (answerable.includes(id)) missingSet.add(id);
+      }
       const missing = [...missingSet];
       const filledIds = answerable.filter((id) => !missingSet.has(id));
       return {
@@ -22598,7 +22636,7 @@ const ExerciseRenderer = forwardRef(({
         missing,
         filledIds,
         isComplete: answerable.length > 0 && missing.length === 0,
-        isAnyFilled: filledIds.length > 0
+        isAnyFilled
       };
     },
     reset: () => {
@@ -22612,10 +22650,12 @@ const ExerciseRenderer = forwardRef(({
       setRevealed(false);
       setLoadedValuesSignature(initialValuesSignature);
       touchedRef.current = /* @__PURE__ */ new Set();
+      clearAllPending();
     },
     revealAnswers: () => {
       const revealedValues = buildRevealedValues(json);
       if (Object.keys(revealedValues).length === 0) return;
+      clearAllPending();
       playSound("answer-reveal");
       const details = {};
       for (const [widgetId, userValue] of Object.entries(revealedValues)) {
@@ -22675,11 +22715,28 @@ const ExerciseRenderer = forwardRef(({
       }
       return next2;
     });
+    if (!silent && isTypedInputKey(json, widgetId)) {
+      clearPending(widgetId);
+      const maxLength = getMaxInputLength(json, widgetId);
+      const isFull = maxLength !== void 0 && String(value).length >= maxLength;
+      if (!fromDrop && value !== "" && !isFull) {
+        pendingRef.current.set(
+          widgetId,
+          setTimeout(() => finishPending(widgetId), INPUT_FINISH_IDLE_MS)
+        );
+      }
+    }
     onChange?.(next);
     if (!fromDrop && !silent && hasJustFilledBox(json, widgetId, previous, value)) {
       focusNextInput(widgetId);
     }
   };
+  const handleInputFocus = (key2) => {
+    for (const pendingKey of [...pendingRef.current.keys()]) {
+      if (pendingKey !== key2) finishPending(pendingKey);
+    }
+    setFocusedInputId(key2);
+  };
   const handleSubmit = () => {
     runSubmit();
   };
@@ -22812,7 +22869,7 @@ const ExerciseRenderer = forwardRef(({
     if (setSquareWidget) add2("set-square-1", "set-square", Math.round(getSize(setSquareWidget) * 160));
     return { tools: list, toolsMinHeight: maxH };
   }, [rulerWidget, protractorWidget, setSquareWidget]);
-  return /* @__PURE__ */ jsx(SoundPlayerProvider, { play: playSound, children: /* @__PURE__ */ jsx(ExerciseLockProvider, { locked, children: /* @__PURE__ */ jsx(ExerciseDndProvider, { droppedSources, exerciseKey: loadedValuesSignature, children: /* @__PURE__ */ jsxs("div", { ref: rootRef, className: `math-exercise-renderer ${revealed ? "revealed" : ""} ${locked ? "locked" : ""} ${className}`, style: themeStyle, children: [
+  return /* @__PURE__ */ jsx(SoundPlayerProvider, { play: playSound, children: /* @__PURE__ */ jsx(ExerciseLockProvider, { locked, children: /* @__PURE__ */ jsx(ExerciseDndProvider, { droppedSources, exerciseKey: loadedValuesSignature, children: /* @__PURE__ */ jsx(KeypadContext.Provider, { value: Boolean(numericKeypadWidget), children: /* @__PURE__ */ jsxs("div", { ref: rootRef, className: `math-exercise-renderer ${revealed ? "revealed" : ""} ${locked ? "locked" : ""} ${className}`, style: themeStyle, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -22837,7 +22894,7 @@ const ExerciseRenderer = forwardRef(({
                       droppedInputs,
                       validationDetails,
                       onChange: handleChange,
-                      onInputFocus: setFocusedInputId,
+                      onInputFocus: handleInputFocus,
                       resetKey
                     },
                     item.id
@@ -22853,7 +22910,7 @@ const ExerciseRenderer = forwardRef(({
                       droppedInputs,
                       validationDetails,
                       onChange: handleChange,
-                      onInputFocus: setFocusedInputId,
+                      onInputFocus: handleInputFocus,
                       resetKey
                     },
                     item.id
@@ -22870,7 +22927,7 @@ const ExerciseRenderer = forwardRef(({
                     droppedInputs,
                     validationDetails,
                     onChange: handleChange,
-                    onInputFocus: setFocusedInputId,
+                    onInputFocus: handleInputFocus,
                     resetKey
                   },
                   item.id
@@ -22888,9 +22945,10 @@ const ExerciseRenderer = forwardRef(({
               onChange: () => {
               },
               onKeypadChange: (newValue) => {
-                if (focusedInputId) {
-                  handleChange(focusedInputId, newValue, false);
-                }
+                if (!focusedInputId) return;
+                const maxLength = getMaxInputLength(json, focusedInputId);
+                if (maxLength !== void 0 && newValue.length > maxLength) return;
+                handleChange(focusedInputId, newValue, false);
               }
             }
           ) }),
@@ -22923,7 +22981,7 @@ const ExerciseRenderer = forwardRef(({
       },
       tutorialRun.run
     )
-  ] }) }) }) });
+  ] }) }) }) }) });
 });
 ExerciseRenderer.displayName = "ExerciseRenderer";
 function renderExercise(options) {
@@ -23269,4 +23327,4 @@ export {
   extractVariables as y,
   validateBooleanExpression as z
 };
-//# sourceMappingURL=index-BtJRsuwL.mjs.map
+//# sourceMappingURL=index-CAvdtiDQ.mjs.map