@mathscan/math-exercise-engine 1.1.17 → 1.2.1

package/dist/style.css

@@ -1351,6 +1351,76 @@ th.exercise-table-cell.exercise-table-cell--last-row:last-child {
   }
 }
 
+/* ----------------------------------------
+   Layout variant: left/right columns
+   (groups[0] → left column, groups[1] → right column; the flex row follows the
+   inherited `dir`, so an RTL ancestor mirrors them without extra rules)
+   ---------------------------------------- */
+
+.pair-matcher-widget--columns {
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: center;
+  width: 100%;
+}
+
+.pair-matcher-widget--columns .pair-matcher-row {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.pair-matcher-widget--columns .pair-matcher-cell {
+  flex-direction: row;
+}
+
+.pair-matcher-widget--columns .pair-matcher-dot--south {
+  margin-top: 0;
+  margin-inline-start: calc(var(--pm-dot-size) / -2);
+}
+
+.pair-matcher-widget--columns .pair-matcher-dot--north {
+  margin-bottom: 0;
+  margin-inline-end: calc(var(--pm-dot-size) / -2);
+}
+
+/* Too narrow for two columns — stack them. Row/cell directions already match
+   the base rules above, and `gap` comes from the base `.pair-matcher-widget`
+   media rule, so only the widget axis flips here. */
+
+@media (max-width: 420px) {
+  .pair-matcher-widget--columns {
+    flex-direction: column;
+  }
+}
+
+/* ============================================
+   LOCKED EXERCISE (answers checked or revealed)
+   Widgets refuse input in JS; these rules kill the pointer
+   cursor that suggests otherwise. Cursor only — never `transform`,
+   which would override rotations like `.diamond-keypad .keypad-btn`.
+   Reset() removes `.locked` and everything comes back.
+   ============================================ */
+
+.math-exercise-renderer.locked .inline-input,
+.math-exercise-renderer.locked .inline-input-chip,
+.math-exercise-renderer.locked .radio-option,
+.math-exercise-renderer.locked .drag-option,
+.math-exercise-renderer.locked .matcher-card,
+.math-exercise-renderer.locked .pair-matcher-card,
+.math-exercise-renderer.locked .keypad-btn,
+.math-exercise-renderer.locked .grid-symmetry__cell--editable,
+.math-exercise-renderer.locked .visual-fraction-widget__part,
+.math-exercise-renderer.locked .number-line-cursor-ball,
+.math-exercise-renderer.locked .number-line-placed-chip-btn,
+/* .clock-hand, not .clock-arrow: the arrow polygons are pointer-events:none,
+   the transparent hit-target lines are what carry the grab cursor. */
+.math-exercise-renderer.locked .clock-interactive .clock-hand,
+.math-exercise-renderer.locked .clock-interactive .clock-hand:active {
+  cursor: default;
+}
+
 /**
  * Image Styles
  *
@@ -2546,6 +2616,20 @@ th.exercise-table-cell.exercise-table-cell--last-row:last-child {
   transform: scale(0.98);
 }
 
+/* Locked exercise — the button is disabled until reset(). */
+
+.exercise-submit-btn:disabled,
+.exercise-submit-btn:disabled:hover {
+  cursor: default;
+  opacity: 0.5;
+  background: var(--exercise-primary);
+  color: white;
+}
+
+.exercise-submit-btn:disabled:active {
+  transform: none;
+}
+
 /* Responsive Overrides - must be last */
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mathscan/math-exercise-engine",
-  "version": "1.1.17",
+  "version": "1.2.1",
   "description": "A DSL parser and validator for math exercises - transforms text-based exercise definitions into structured AST and JSON",
   "main": "dist/index.js",
   "module": "dist/index.mjs",