@yungu-fed/question-editor 0.4.0 → 0.4.1

package/dist/index.js

@@ -7635,16 +7635,99 @@ function Oc(e, t) {
   }]) : e;
 }
 var kc = {
-  title: "_title_hrc5o_1"
-};
-function Ac(_ref105) {
+    placeholder: "_placeholder_np8ps_1"
+  },
+  Ac = {
+    "blank-list": "_blank-list_12ccp_1",
+    "blank-item": "_blank-item_12ccp_11",
+    "blank-field": "_blank-field_12ccp_17"
+  },
+  U = {
+    board: "_board_1f76b_1",
+    pool: "_pool_1f76b_6",
+    zones: "_zones_1f76b_13",
+    zone: "_zone_1f76b_13",
+    "zone-title": "_zone-title_1f76b_30",
+    item: "_item_1f76b_37",
+    empty: "_empty_1f76b_52",
+    selected: "_selected_1f76b_72",
+    correct: "_correct_1f76b_77",
+    incorrect: "_incorrect_1f76b_81",
+    unanswered: "_unanswered_1f76b_85"
+  },
+  jc = {
+    board: "_board_5xarh_1",
+    columns: "_columns_5xarh_6",
+    column: "_column_5xarh_6",
+    item: "_item_5xarh_18",
+    marker: "_marker_5xarh_42"
+  },
+  W = {
+    "rich-content": "_rich-content_8uipo_1",
+    element: "_element_8uipo_52",
+    "option-list": "_option-list_8uipo_54",
+    "candidate-list": "_candidate-list_8uipo_55",
+    "judgement-list": "_judgement-list_8uipo_56",
+    "judgement-row": "_judgement-row_8uipo_68",
+    "judgement-placeholder": "_judgement-placeholder_8uipo_76",
+    "option-item": "_option-item_8uipo_83",
+    "candidate-item": "_candidate-item_8uipo_84",
+    "judgement-item": "_judgement-item_8uipo_85",
+    marker: "_marker_8uipo_97",
+    "candidate-section": "_candidate-section_8uipo_112",
+    "section-title": "_section-title_8uipo_125",
+    "word-builder-blank": "_word-builder-blank_8uipo_131",
+    "word-builder-candidate-list": "_word-builder-candidate-list_8uipo_147"
+  },
+  Mc = {
+    "table-wrap": "_table-wrap_n67ah_1",
+    table: "_table_n67ah_1",
+    "table-option-column": "_table-option-column_n67ah_17",
+    "table-option-marker": "_table-option-marker_n67ah_45"
+  },
+  Nc = {
+    answer: {
+      "answer-panel": "_answer-panel_1bkkd_1",
+      "answer-list": "_answer-list_1bkkd_8",
+      "answer-row": "_answer-row_1bkkd_16",
+      "answer-marker": "_answer-marker_1bkkd_24",
+      "answer-marker-only": "_answer-marker-only_1bkkd_36",
+      "answer-content-list": "_answer-content-list_1bkkd_46",
+      "answer-value": "_answer-value_1bkkd_55"
+    },
+    blankGroup: Ac,
+    classification: U,
+    lineConnect: L,
+    matching: jc,
+    renderer: W,
+    sectionTitle: {
+      title: "_title_hrc5o_1"
+    },
+    table: Mc,
+    textMarker: {
+      content: "_content_63948_1",
+      paragraph: "_paragraph_63948_10",
+      marker: "_marker_63948_14",
+      "marker-button": "_marker-button_63948_22",
+      "marker-selected": "_marker-selected_63948_31",
+      "marker-answer": "_marker-answer_63948_37"
+    },
+    textResponse: kc
+  },
+  Pc = (0, n.createContext)(Nc);
+function G() {
+  return (0, n.useContext)(Pc);
+}
+function Fc(_ref105) {
   var e = _ref105.children;
+  var _G = G(),
+    n = _G.sectionTitle;
   return (0, t.jsx)("h3", {
-    className: kc.title,
+    className: n.title,
     children: e
   });
 }
-var U = {
+var K = {
   root: "_root_nr9um_1",
   "element-list": "_element-list_nr9um_18",
   children: "_children_nr9um_19",
@@ -7658,7 +7741,7 @@ var U = {
   input: "_input_nr9um_61",
   field: "_field_nr9um_43"
 };
-function jc(_ref106) {
+function Ic(_ref106) {
   var _ref106$childIndexPat = _ref106.childIndexPath,
     e = _ref106$childIndexPat === void 0 ? [] : _ref106$childIndexPat,
     n = _ref106.messages,
@@ -7668,23 +7751,23 @@ function jc(_ref106) {
     o = _ref106.rootQuestionNumber,
     s = _ref106.value;
   return s.children.length === 0 ? (0, t.jsx)("div", {
-    className: U.empty,
+    className: K.empty,
     children: n.previewEmpty
   }) : (0, t.jsx)("div", {
-    className: U.children,
+    className: K.children,
     children: s.children.map(function (c, l) {
       var u = [].concat(_toConsumableArray(e), [l]),
         d = a.children.slice(l, l + 1)[0],
         f = Oo(u, s.children.length, o);
       return (0, t.jsx)("section", {
-        className: U.child,
+        className: K.child,
         children: (0, t.jsx)(Ao, {
           indented: !0,
           number: f,
           children: d ? i(c, d, function (e) {
             return r(l, e);
           }, u) : (0, t.jsx)("div", {
-            className: U.empty,
+            className: K.empty,
             children: n.missingQuestionTypeTemplate
           })
         })
@@ -7692,67 +7775,145 @@ function jc(_ref106) {
     })
   });
 }
-var W = {
-  "rich-content": "_rich-content_3k70y_1",
-  element: "_element_3k70y_52",
-  "option-list": "_option-list_3k70y_54",
-  "candidate-list": "_candidate-list_3k70y_55",
-  "judgement-list": "_judgement-list_3k70y_56",
-  "option-item": "_option-item_3k70y_68",
-  "candidate-item": "_candidate-item_3k70y_69",
-  "judgement-item": "_judgement-item_3k70y_70",
-  marker: "_marker_3k70y_82",
-  "candidate-section": "_candidate-section_3k70y_97",
-  "section-title": "_section-title_3k70y_110",
-  "word-builder-blank": "_word-builder-blank_3k70y_116",
-  "word-builder-candidate-list": "_word-builder-candidate-list_3k70y_132"
-};
-function G(_ref107) {
+function q(_ref107) {
   var n = _ref107.className,
     r = _ref107.content;
-  var i = r.html || (0, e.serializeRichTextEditorHtml)(Jt(r), {
-    plugins: [Dt]
-  });
+  var _G2 = G(),
+    i = _G2.renderer,
+    a = r.html || (0, e.serializeRichTextEditorHtml)(Jt(r), {
+      plugins: [Dt]
+    });
   return (0, t.jsx)("div", {
-    className: n ? "".concat(W["rich-content"], " ").concat(n) : W["rich-content"],
+    className: n ? "".concat(i["rich-content"], " ").concat(n) : i["rich-content"],
     dangerouslySetInnerHTML: {
-      __html: i
+      __html: a
     }
   });
 }
-var Mc = {
-  "answer-panel": "_answer-panel_1bkkd_1",
-  "answer-list": "_answer-list_1bkkd_8",
-  "answer-row": "_answer-row_1bkkd_16",
-  "answer-marker": "_answer-marker_1bkkd_24",
-  "answer-marker-only": "_answer-marker-only_1bkkd_36",
-  "answer-content-list": "_answer-content-list_1bkkd_46",
-  "answer-value": "_answer-value_1bkkd_55"
-};
-function K(_ref108) {
+var Lc = ["\u96F6", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u4E03", "\u516B", "\u4E5D"],
+  Rc = ["", "\u5341", "\u767E", "\u5343"],
+  zc = ["", "\u4E07", "\u4EBF", "\u5146"],
+  Bc = new Intl.PluralRules("en-US", {
+    type: "ordinal"
+  }),
+  Vc = {
+    few: "rd",
+    many: "th",
+    one: "st",
+    other: "th",
+    two: "nd",
+    zero: "th"
+  };
+function Hc(e, t) {
+  return t === "zh-CN" ? "\u7B2C".concat(Wc(e), "\u7A7A") : "".concat(e).concat(Vc[Bc.select(e)], " blank");
+}
+function Uc(e, t, n) {
+  var r = _toConsumableArray(e).sort(function (e, n) {
+    return t.indexOf(e) - t.indexOf(n);
+  }).map(function (e) {
+    return t.indexOf(e) + 1;
+  }).filter(function (e) {
+    return e > 0;
+  }).map(function (e) {
+    return Hc(e, n);
+  });
+  return n === "zh-CN" ? "".concat(r.join("\u3001"), "\uFF1A") : "".concat(r.join(", "), ":");
+}
+function Wc(e) {
+  var t = Gc(e),
+    n = "",
+    r = !1;
+  for (var _e2 = t.length - 1; _e2 >= 0; --_e2) {
+    var i;
+    var _a2 = (i = t[_e2]) == null ? 0 : i;
+    if (_a2 === 0) {
+      r = n.length > 0;
+      continue;
+    }
+    n.length > 0 && (r || _a2 < 1e3) && (n += Lc[0]), n += "".concat(Kc(_a2)).concat(zc[_e2]), r = !1;
+  }
+  return n.startsWith("\u4E00\u5341") ? n.slice(1) : n;
+}
+function Gc(e) {
+  var t = [],
+    n = e;
+  for (; n > 0;) t.push(n % 1e4), n = Math.floor(n / 1e4);
+  return t;
+}
+function Kc(e) {
+  var t = "",
+    n = !1;
+  for (var _r6 = 3; _r6 >= 0; --_r6) {
+    var _i2 = Math.pow(10, _r6),
+      _a3 = Math.floor(e / _i2) % 10;
+    if (_a3 === 0) {
+      n = t.length > 0 && e % _i2 > 0;
+      continue;
+    }
+    n && (t += Lc[0]), t += "".concat(Lc[_a3]).concat(Rc[_r6]), n = !1;
+  }
+  return t;
+}
+var qc = {
+    answerGroupLayout: "flow",
+    blankAnswerMarker: function blankAnswerMarker(e, t, n, r) {
+      return xc(e, t, r);
+    },
+    blankPlaceholder: "labeled-field",
+    candidateLayout: "plain-list",
+    lineConnectColumnTitleVisibility: "visible",
+    matchingAnswerLayout: "target-content",
+    optionStandardAnswer: "grouped",
+    showEmptyAnswerGroups: !1,
+    textResponseVisibility: "hidden"
+  },
+  Jc = {
+    answerGroupLayout: "rows",
+    blankAnswerMarker: function blankAnswerMarker(e, t, n) {
+      return Uc(e, t, n);
+    },
+    blankPlaceholder: "answer-line",
+    candidateLayout: "labeled-groups",
+    lineConnectColumnTitleVisibility: "accessible-only",
+    matchingAnswerLayout: "marker-path",
+    optionStandardAnswer: "value-only",
+    showEmptyAnswerGroups: !0,
+    textResponseVisibility: "accessible-only"
+  },
+  Yc = (0, n.createContext)(qc);
+function Xc() {
+  return (0, n.useContext)(Yc);
+}
+function J(_ref108) {
   var e = _ref108.groups,
     n = _ref108.title;
-  var r = e.filter(function (e) {
-    return e.kind === "markerOnly" || e.contents.length > 0;
-  });
-  return r.length === 0 ? null : (0, t.jsxs)("section", {
+  var _Xc = Xc(),
+    r = _Xc.answerGroupLayout,
+    i = _Xc.showEmptyAnswerGroups,
+    _G3 = G(),
+    a = _G3.answer,
+    o = e.filter(function (e) {
+      return e.kind === "markerOnly" || e.contents.length > 0 || i && !!e.marker;
+    });
+  return o.length === 0 ? null : (0, t.jsxs)("section", {
     "aria-label": n,
-    className: Mc["answer-panel"],
-    children: [(0, t.jsx)(Ac, {
+    className: a["answer-panel"],
+    "data-answer-group-layout": r,
+    children: [(0, t.jsx)(Fc, {
       children: n
     }), (0, t.jsx)("ol", {
-      className: Mc["answer-list"],
-      children: r.map(function (e, n) {
+      className: a["answer-list"],
+      children: o.map(function (e, n) {
         return (0, t.jsxs)("li", {
-          className: Mc["answer-row"],
+          className: a["answer-row"],
           children: [e.marker ? (0, t.jsx)("span", {
-            className: e.kind === "markerOnly" ? "".concat(Mc["answer-marker"], " ").concat(Mc["answer-marker-only"]) : Mc["answer-marker"],
+            className: e.kind === "markerOnly" ? "".concat(a["answer-marker"], " ").concat(a["answer-marker-only"]) : a["answer-marker"],
             children: e.marker
           }) : null, e.kind === "detailed" ? (0, t.jsx)("div", {
-            className: Mc["answer-content-list"],
+            className: a["answer-content-list"],
             children: e.contents.map(function (e, n) {
               return (0, t.jsx)("div", {
-                className: Mc["answer-value"],
+                className: a["answer-value"],
                 children: e
               }, "answer-".concat(n));
             })
@@ -7762,7 +7923,7 @@ function K(_ref108) {
     })]
   });
 }
-function Nc(_ref109) {
+function Zc(_ref109) {
   var e = _ref109.disabled,
     n = _ref109.item,
     r = _ref109.messages,
@@ -7775,7 +7936,7 @@ function Nc(_ref109) {
       return {
         kind: "detailed",
         contents: e.answerPools.map(function (e, n) {
-          return (0, t.jsx)(G, {
+          return (0, t.jsx)(q, {
             content: e
           }, "group-".concat(i, "-answer-").concat(n));
         }),
@@ -7788,32 +7949,32 @@ function Nc(_ref109) {
     }));
   }
   return (0, t.jsxs)("div", {
-    className: U["control-list"],
+    className: K["control-list"],
     children: [n.blanks.map(function (n, i) {
       return (0, t.jsxs)("label", {
-        className: U.field,
+        className: K.field,
         children: [(0, t.jsxs)("span", {
-          className: U["field-label"],
+          className: K["field-label"],
           children: [r.blankLabel, " ", i + 1]
         }), (0, t.jsx)("input", {
-          className: U.input,
+          className: K.input,
           disabled: e,
           onChange: function onChange(e) {
             return u(n, e.target.value);
           },
-          value: Fc(c.answers, n)
+          value: $c(c.answers, n)
         })]
-      }, Pc(n, i));
-    }), s ? (0, t.jsx)(K, {
+      }, Qc(n, i));
+    }), s ? (0, t.jsx)(J, {
       groups: l,
       title: r.standardAnswer
     }) : null]
   });
 }
-function Pc(e, t) {
+function Qc(e, t) {
   return e || "blank-".concat(t + 1);
 }
-function Fc(e, t) {
+function $c(e, t) {
   var n, r;
   return (n = (r = Object.entries(e).find(function (_ref110) {
     var _ref111 = _slicedToArray(_ref110, 1),
@@ -7821,14 +7982,14 @@ function Fc(e, t) {
     return e === t;
   })) == null ? void 0 : r[1]) == null ? "" : n;
 }
-function Ic(e) {
+function el(e) {
   return e.categories.map(function (n) {
     return {
       kind: "detailed",
       contents: e.items.filter(function (t) {
         return e.answers[t.id] === n.id;
       }).map(function (e) {
-        return (0, t.jsx)(G, {
+        return (0, t.jsx)(q, {
           content: e.content
         }, "".concat(n.id, "-").concat(e.id));
       }),
@@ -7836,20 +7997,7 @@ function Ic(e) {
     };
   });
 }
-var q = {
-  board: "_board_1f76b_1",
-  pool: "_pool_1f76b_6",
-  zones: "_zones_1f76b_13",
-  zone: "_zone_1f76b_13",
-  "zone-title": "_zone-title_1f76b_30",
-  item: "_item_1f76b_37",
-  empty: "_empty_1f76b_52",
-  selected: "_selected_1f76b_72",
-  correct: "_correct_1f76b_77",
-  incorrect: "_incorrect_1f76b_81",
-  unanswered: "_unanswered_1f76b_85"
-};
-function Lc(_ref112) {
+function tl(_ref112) {
   var e = _ref112.disabled,
     r = _ref112.item,
     i = _ref112.messages,
@@ -7862,13 +8010,13 @@ function Lc(_ref112) {
     l = _ref114[0],
     u = _ref114[1],
     d = Hs(o, s),
-    f = zc(d.placements, r),
+    f = rl(d.placements, r),
     p = r.items.find(function (e) {
       return e.id === l;
     });
   function m(e, t) {
     a(C(C({}, d), {}, {
-      placements: zc(ec(f, e, t), r)
+      placements: rl(ec(f, e, t), r)
     })), u("");
   }
   function h(t, n) {
@@ -7878,10 +8026,10 @@ function Lc(_ref112) {
   }
   function g(n) {
     var i = l === n.id,
-      a = Rc(n.id, f, r, c);
+      a = nl(n.id, f, r, c);
     return (0, t.jsx)("button", {
       "aria-pressed": i,
-      className: H(q.item, i && q.selected, a === "correct" && q.correct, a === "incorrect" && q.incorrect, a === "unanswered" && q.unanswered),
+      className: H(U.item, i && U.selected, a === "correct" && U.correct, a === "incorrect" && U.incorrect, a === "unanswered" && U.unanswered),
       "data-status": a,
       "data-testid": "classification-player-item-".concat(n.id),
       disabled: e,
@@ -7893,7 +8041,7 @@ function Lc(_ref112) {
         e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("question/classification-item", n.id);
       },
       type: "button",
-      children: (0, t.jsx)(G, {
+      children: (0, t.jsx)(q, {
         content: n.content
       })
     }, n.id);
@@ -7901,16 +8049,16 @@ function Lc(_ref112) {
   return (0, t.jsxs)("div", {
     className: W.element,
     children: [(0, t.jsxs)("div", {
-      className: q.board,
+      className: U.board,
       children: [(0, t.jsx)("div", {
-        className: q.zones,
+        className: U.zones,
         "data-testid": "classification-zones",
         children: r.categories.map(function (e) {
           var n = r.items.filter(function (t) {
             return f[t.id] === e.id;
           });
           return (0, t.jsxs)("section", {
-            className: q.zone,
+            className: U.zone,
             onClick: function onClick() {
               return p ? m(p.id, e.id) : void 0;
             },
@@ -7921,20 +8069,20 @@ function Lc(_ref112) {
               return h(t, e.id);
             },
             children: [(0, t.jsx)("div", {
-              className: q["zone-title"],
-              children: (0, t.jsx)(G, {
+              className: U["zone-title"],
+              children: (0, t.jsx)(q, {
                 content: e.content
               })
             }), n.length > 0 ? n.map(function (e) {
               return g(e);
             }) : (0, t.jsx)("span", {
-              className: q.empty,
+              className: U.empty,
               children: i.unassigned
             })]
           }, e.id);
         })
       }), (0, t.jsx)("section", {
-        className: q.pool,
+        className: U.pool,
         "data-testid": "classification-pool",
         onClick: function onClick() {
           return p ? m(p.id, "") : void 0;
@@ -7951,48 +8099,50 @@ function Lc(_ref112) {
           return g(e);
         })
       })]
-    }), c ? (0, t.jsx)(K, {
-      groups: Ic(r),
+    }), c ? (0, t.jsx)(J, {
+      groups: el(r),
       title: i.standardAnswer
     }) : null]
   });
 }
-function Rc(e, t, n, r) {
+function nl(e, t, n, r) {
   var i, a;
   var o = (i = t[e]) == null ? "" : i,
     s = (a = n.answers[e]) == null ? "" : a;
   if (!(!r || !s)) return o ? s === o ? "correct" : "incorrect" : "unanswered";
 }
-function zc(e, t) {
+function rl(e, t) {
   return Ge(e, t.categories, t.items);
 }
-function Bc(_ref115) {
+function il(_ref115) {
   var e = _ref115.className,
     n = _ref115.content,
     r = _ref115.renderBlank;
-  var i = new Map();
+  var _G4 = G(),
+    i = _G4.renderer,
+    a = new Map();
   return (0, t.jsx)("div", {
-    className: [W["rich-content"], e == null ? "" : e].filter(Boolean).join(" "),
+    className: [i["rich-content"], e == null ? "" : e].filter(Boolean).join(" "),
     children: n.json.map(function (e, t) {
-      return Vc(e, {
-        blankIndexes: i,
+      return al(e, {
+        blankIndexes: a,
         key: "node-".concat(t),
         renderBlank: r
       });
     })
   });
 }
-function Vc(e, r) {
+function al(e, r) {
   if (_typeof(e.text) == "string") return (0, t.jsx)(n.Fragment, {
     children: e.text
   }, r.key);
   if (e.type === "blank") return (0, t.jsx)(n.Fragment, {
-    children: Hc(e, r)
+    children: ol(e, r)
   }, r.key);
-  var i = Wc(e.children, r);
+  var i = cl(e.children, r);
   switch (e.type) {
     case "heading":
-      return Gc(e, i, r.key);
+      return ll(e, i, r.key);
     case "table":
       return (0, t.jsx)("table", {
         children: i
@@ -8011,29 +8161,29 @@ function Vc(e, r) {
       }, r.key);
   }
 }
-function Hc(e, t) {
-  var n = Kc(e.blankId),
-    r = Uc(t.blankIndexes, n);
+function ol(e, t) {
+  var n = ul(e.blankId),
+    r = sl(t.blankIndexes, n);
   return t.renderBlank({
     blankId: n,
     index: r,
-    label: Kc(e.label)
+    label: ul(e.label)
   });
 }
-function Uc(e, t) {
+function sl(e, t) {
   var n = e.get(t);
   if (n !== void 0) return n;
   var r = e.size;
   return e.set(t, r), r;
 }
-function Wc(e, t) {
+function cl(e, t) {
   return (e == null ? [] : e).map(function (e, n) {
-    return Vc(e, C(C({}, t), {}, {
+    return al(e, C(C({}, t), {}, {
       key: "".concat(t.key, "-").concat(n)
     }));
   });
 }
-function Gc(e, n, r) {
+function ll(e, n, r) {
   switch (e.level) {
     case 1:
       return (0, t.jsx)("h1", {
@@ -8053,10 +8203,10 @@ function Gc(e, n, r) {
       }, r);
   }
 }
-function Kc(e) {
+function ul(e) {
   return _typeof(e) == "string" ? e : "";
 }
-var J = {
+var Y = {
   "inline-input": "_inline-input_2je8q_1",
   "inline-select": "_inline-select_2je8q_19",
   "inline-blank-underline": "_inline-blank-underline_2je8q_43",
@@ -8072,17 +8222,17 @@ var J = {
   "per-blank-candidate-list": "_per-blank-candidate-list_2je8q_140",
   selected: "_selected_2je8q_161"
 };
-function qc(_ref116) {
+function dl(_ref116) {
   var e = _ref116.answers,
     n = _ref116.disabled,
     r = _ref116.item,
     i = _ref116.messages,
     a = _ref116.onAnswerChange,
     o = _ref116.structure;
-  return (0, t.jsx)(Bc, {
+  return (0, t.jsx)(il, {
     content: r.content,
     renderBlank: function renderBlank(t) {
-      return Jc(t, {
+      return fl(t, {
         answers: e,
         blankLabel: i.blankLabel,
         disabled: n,
@@ -8093,15 +8243,15 @@ function qc(_ref116) {
     }
   });
 }
-function Jc(e, n) {
+function fl(e, n) {
   var r = e.blankId,
     i = n.item.blanks.indexOf(r),
-    a = el(e.label, n.blankLabel, i);
+    a = vl(e.label, n.blankLabel, i);
   if (n.structure.config.candidateMode === "none") {
-    var _e2 = Xc(n.answers, r);
+    var _e3 = ml(n.answers, r);
     return (0, t.jsx)("input", {
       "aria-label": a,
-      className: J["inline-input"],
+      className: Y["inline-input"],
       disabled: n.disabled,
       onChange: function onChange(e) {
         return n.onAnswerChange(r, {
@@ -8109,29 +8259,29 @@ function Jc(e, n) {
           value: e.target.value
         });
       },
-      value: (_e2 == null ? void 0 : _e2.kind) === "text" ? _e2.value : ""
+      value: (_e3 == null ? void 0 : _e3.kind) === "text" ? _e3.value : ""
     });
   }
-  if (n.structure.config.candidateMode === "sharedPool") return Yc(r, a, n);
-  var o = Xc(n.answers, r),
-    s = Qc(n.item, r, n.structure.config.candidateMode, o);
+  if (n.structure.config.candidateMode === "sharedPool") return pl(r, a, n);
+  var o = ml(n.answers, r),
+    s = gl(n.item, r, n.structure.config.candidateMode, o);
   return (0, t.jsx)("span", {
     "aria-label": a,
-    className: J["inline-blank-underline"],
-    children: s ? (0, t.jsx)(G, {
-      className: J["inline-blank-content"],
+    className: Y["inline-blank-underline"],
+    children: s ? (0, t.jsx)(q, {
+      className: Y["inline-blank-content"],
       content: s.content
     }) : a
   });
 }
-function Yc(e, n, r) {
+function pl(e, n, r) {
   var i, a;
-  var o = Xc(r.answers, e),
+  var o = ml(r.answers, e),
     s = (i = ((o == null ? void 0 : o.kind) === "option" ? o.optionIds : []).slice(0, 1)[0]) == null ? "" : i,
-    c = $c(r.answers, e);
+    c = _l(r.answers, e);
   return (0, t.jsxs)("select", {
     "aria-label": n,
-    className: J["inline-select"],
+    className: Y["inline-select"],
     disabled: r.disabled,
     onChange: function onChange(t) {
       return r.onAnswerChange(e, {
@@ -8152,7 +8302,7 @@ function Yc(e, n, r) {
     })]
   });
 }
-function Xc(e, t) {
+function ml(e, t) {
   var n;
   return (n = Object.entries(e).find(function (_ref117) {
     var _ref118 = _slicedToArray(_ref117, 1),
@@ -8160,7 +8310,7 @@ function Xc(e, t) {
     return e === t;
   })) == null ? void 0 : n[1];
 }
-function Zc(e, t, n) {
+function hl(e, t, n) {
   var r, i;
   if (n === "sharedPool") {
     var a;
@@ -8170,26 +8320,26 @@ function Zc(e, t, n) {
     return e.blankId === t;
   })) == null ? void 0 : i.options) == null ? [] : r;
 }
-function Qc(e, t, n, r) {
+function gl(e, t, n, r) {
   var i = (r == null ? void 0 : r.kind) === "option" ? r.optionIds[0] : void 0;
-  if (i) return Zc(e, t, n).find(function (e) {
+  if (i) return hl(e, t, n).find(function (e) {
     return e.optionId === i;
   });
 }
-function $c(e, t) {
+function _l(e, t) {
   var n = new Set(),
     r = Object.entries(e);
-  for (var _i2 = 0, _r6 = r; _i2 < _r6.length; _i2++) {
-    var _r6$_i = _slicedToArray(_r6[_i2], 2),
-      _e3 = _r6$_i[0],
-      _i3 = _r6$_i[1];
-    if (_e3 !== t && _i3.kind === "option") {
-      var _iterator = _createForOfIteratorHelper(_i3.optionIds),
+  for (var _i3 = 0, _r7 = r; _i3 < _r7.length; _i3++) {
+    var _r7$_i = _slicedToArray(_r7[_i3], 2),
+      _e4 = _r7$_i[0],
+      _i4 = _r7$_i[1];
+    if (_e4 !== t && _i4.kind === "option") {
+      var _iterator = _createForOfIteratorHelper(_i4.optionIds),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var _e4 = _step.value;
-          n.add(_e4);
+          var _e5 = _step.value;
+          n.add(_e5);
         }
       } catch (err) {
         _iterator.e(err);
@@ -8200,10 +8350,10 @@ function $c(e, t) {
   }
   return n;
 }
-function el(e, t, n) {
+function vl(e, t, n) {
   return e || "".concat(t, " ").concat(n + 1);
 }
-function tl(_ref119) {
+function yl(_ref119) {
   var e = _ref119.disabled,
     n = _ref119.element,
     r = _ref119.item,
@@ -8219,7 +8369,7 @@ function tl(_ref119) {
       return {
         kind: "detailed",
         contents: e.contents.map(function (e, r) {
-          return (0, t.jsx)(G, {
+          return (0, t.jsx)(q, {
             content: e
           }, "group-".concat(n, "-answer-").concat(r));
         }),
@@ -8232,40 +8382,40 @@ function tl(_ref119) {
     }));
   }
   return (0, t.jsxs)("div", {
-    className: U["fill-text"],
-    children: [(0, t.jsx)(qc, {
+    className: K["fill-text"],
+    children: [(0, t.jsx)(dl, {
       answers: d.answers,
       disabled: e,
       item: l,
       messages: i,
       onAnswerChange: p,
       structure: n
-    }), nl(l, n.config.candidateMode, i.candidateOptions), rl({
+    }), bl(l, n.config.candidateMode, i.candidateOptions), xl({
       disabled: e,
       item: l,
       onAnswerChange: p,
       responseItem: d
-    }), c ? (0, t.jsx)(K, {
+    }), c ? (0, t.jsx)(J, {
       groups: f,
       title: i.standardAnswer
     }) : null]
   });
 }
-function nl(e, n, r) {
+function bl(e, n, r) {
   var i;
   var a = (i = e.candidateOptions) == null ? [] : i;
   return n !== "sharedPool" || a.length === 0 ? null : (0, t.jsxs)("div", {
-    className: J["shared-candidate-section"],
+    className: Y["shared-candidate-section"],
     children: [(0, t.jsx)("span", {
-      className: J["shared-candidate-title"],
+      className: Y["shared-candidate-title"],
       children: r
     }), (0, t.jsx)("ol", {
-      className: J["shared-candidate-list"],
+      className: Y["shared-candidate-list"],
       children: a.map(function (e) {
         return (0, t.jsx)("li", {
-          className: J["shared-candidate-item"],
-          children: (0, t.jsx)(G, {
-            className: J["shared-candidate-content"],
+          className: Y["shared-candidate-item"],
+          children: (0, t.jsx)(q, {
+            className: Y["shared-candidate-content"],
             content: e.content
           })
         }, e.optionId);
@@ -8273,7 +8423,7 @@ function nl(e, n, r) {
     })]
   });
 }
-function rl(_ref120) {
+function xl(_ref120) {
   var e = _ref120.disabled,
     n = _ref120.item,
     r = _ref120.onAnswerChange,
@@ -8289,11 +8439,11 @@ function rl(_ref120) {
     }]) : e;
   }, []);
   return a.length === 0 ? null : (0, t.jsx)("div", {
-    className: J["per-blank-candidate-options"],
+    className: Y["per-blank-candidate-options"],
     children: a.map(function (_ref121) {
       var t = _ref121.group,
         n = _ref121.marker;
-      return il({
+      return Sl({
         disabled: e,
         group: t,
         marker: n,
@@ -8303,7 +8453,7 @@ function rl(_ref120) {
     })
   });
 }
-function il(_ref122) {
+function Sl(_ref122) {
   var e = _ref122.disabled,
     n = _ref122.group,
     r = _ref122.marker,
@@ -8312,14 +8462,14 @@ function il(_ref122) {
   var o = a.answers[n.blankId];
   return (0, t.jsxs)("section", {
     "aria-label": r,
-    className: J["per-blank-candidate-group"],
+    className: Y["per-blank-candidate-group"],
     children: [(0, t.jsx)("span", {
-      className: J["per-blank-candidate-title"],
+      className: Y["per-blank-candidate-title"],
       children: r
     }), (0, t.jsx)("div", {
-      className: J["per-blank-candidate-list"],
+      className: Y["per-blank-candidate-list"],
       children: n.options.map(function (t) {
-        return al({
+        return Cl({
           activeAnswer: o,
           blankId: n.blankId,
           disabled: e,
@@ -8330,7 +8480,7 @@ function il(_ref122) {
     })]
   }, n.blankId);
 }
-function al(_ref123) {
+function Cl(_ref123) {
   var e = _ref123.activeAnswer,
     n = _ref123.blankId,
     r = _ref123.disabled,
@@ -8339,19 +8489,19 @@ function al(_ref123) {
   var o = (e == null ? void 0 : e.kind) === "option" && e.optionIds.includes(a.optionId);
   return (0, t.jsx)("button", {
     "aria-pressed": o,
-    className: o ? J.selected : void 0,
+    className: o ? Y.selected : void 0,
     "data-selected": o ? "true" : void 0,
     disabled: r,
     onClick: function onClick() {
       return i(n, Zs(e, a.optionId, "single"));
     },
     type: "button",
-    children: (0, t.jsx)(G, {
+    children: (0, t.jsx)(q, {
       content: a.content
     })
   }, a.optionId);
 }
-var Y = {
+var X = {
   "choice-button": "_choice-button_3nny2_1",
   "table-row-button": "_table-row-button_3nny2_2",
   "judgement-button": "_judgement-button_3nny2_28",
@@ -8364,7 +8514,7 @@ var Y = {
   "option-marker": "_option-marker_3nny2_86",
   "table-option-marker": "_table-option-marker_3nny2_87"
 };
-function ol(_ref124) {
+function wl(_ref124) {
   var e = _ref124.disabled,
     n = _ref124.element,
     r = _ref124.item,
@@ -8388,17 +8538,17 @@ function ol(_ref124) {
   return (0, t.jsxs)("div", {
     className: W.element,
     children: [(0, t.jsx)("ol", {
-      className: H(W["judgement-list"], Y["judgement-list"]),
+      className: H(W["judgement-list"], X["judgement-list"]),
       children: u.map(function (_ref125) {
         var n = _ref125.label,
           r = _ref125.value;
         var i = l.selectedValues[0] === r;
         return (0, t.jsx)("li", {
-          className: H(W["judgement-item"], Y["judgement-option"], i && Y.selected),
+          className: H(W["judgement-item"], X["judgement-option"], i && X.selected),
           "data-selected": i ? "true" : void 0,
           children: (0, t.jsx)("button", {
             "aria-pressed": i,
-            className: Y["judgement-button"],
+            className: X["judgement-button"],
             disabled: e,
             onClick: function onClick() {
               return f(r);
@@ -8408,14 +8558,14 @@ function ol(_ref124) {
           })
         }, String(r));
       })
-    }), c ? (0, t.jsx)(K, {
+    }), c ? (0, t.jsx)(J, {
       groups: d,
       title: i.standardAnswer
     }) : null]
   });
 }
-function sl(e) {
-  var n = cl(e);
+function Tl(e) {
+  var n = El(e);
   return e.columns.reduce(function (r, i, a) {
     var o = i.items.map(function (r, o) {
       var s;
@@ -8427,7 +8577,7 @@ function sl(e) {
         }).filter(function (e) {
           return !!e;
         }).map(function (e, n) {
-          return (0, t.jsx)(G, {
+          return (0, t.jsx)(q, {
             content: e.content
           }, "".concat(r.itemId, "-").concat(e.itemId, "-").concat(n));
         }),
@@ -8437,7 +8587,7 @@ function sl(e) {
     return [].concat(_toConsumableArray(r), _toConsumableArray(o));
   }, []);
 }
-function cl(e) {
+function El(e) {
   return e.columns.reduce(function (e, t, n) {
     return t.items.forEach(function (t) {
       return e.set(t.itemId, {
@@ -8447,7 +8597,7 @@ function cl(e) {
     }), e;
   }, new Map());
 }
-function ll(_ref126) {
+function Dl(_ref126) {
   var e = _ref126.disabled,
     r = _ref126.item,
     i = _ref126.messages,
@@ -8603,7 +8753,7 @@ function ll(_ref126) {
                   children: [o ? (0, t.jsx)("span", {
                     className: L.marker,
                     children: o
-                  }) : null, (0, t.jsx)(G, {
+                  }) : null, (0, t.jsx)(q, {
                     content: i.content
                   })]
                 })
@@ -8612,13 +8762,18 @@ function ll(_ref126) {
           }, n.columnId);
         })
       })]
-    }), c ? (0, t.jsx)(K, {
-      groups: sl(r),
+    }), c ? (0, t.jsx)(J, {
+      groups: Tl(r),
       title: i.standardAnswer
     }) : null]
   });
 }
-function ul(e) {
+var Ol = {
+  path: "_path_11o60_1",
+  endpoint: "_endpoint_11o60_7",
+  separator: "_separator_11o60_8"
+};
+function kl(e) {
   var n, r;
   var i = e.columns[0],
     a = e.columns[1],
@@ -8633,7 +8788,7 @@ function ul(e) {
         var n = o.get(t);
         return n ? [].concat(_toConsumableArray(e), [n]) : e;
       }, []).map(function (e, r) {
-        return (0, t.jsx)(G, {
+        return (0, t.jsx)(q, {
           content: e.content
         }, "".concat(n.itemId, "-").concat(e.itemId, "-").concat(r));
       }),
@@ -8641,7 +8796,45 @@ function ul(e) {
     };
   });
 }
-var dl = {
+function Al(e) {
+  var n, r;
+  var i = e.columns[0],
+    a = e.columns[1],
+    o = new Map((n = a == null ? void 0 : a.items.map(function (e, t) {
+      return [e.itemId, {
+        item: e,
+        itemIndex: t
+      }];
+    })) == null ? [] : n);
+  return ((r = i == null ? void 0 : i.items) == null ? [] : r).map(function (n, r) {
+    var s, c;
+    var l = (s = e.answers[n.itemId]) == null ? void 0 : s[0],
+      u = l ? o.get(l) : void 0;
+    return {
+      contents: u && a ? [(0, t.jsxs)("div", {
+        className: Ol.path,
+        children: [(0, t.jsx)("span", {
+          className: Ol.endpoint,
+          children: jl(i, n, r)
+        }), (0, t.jsx)("span", {
+          className: Ol.separator,
+          children: "-"
+        }), (0, t.jsx)("span", {
+          className: Ol.endpoint,
+          children: jl(a, u.item, u.itemIndex)
+        })]
+      }, "".concat(n.itemId, "-").concat(u.item.itemId))] : [],
+      kind: "detailed",
+      marker: u ? "" : $t((c = i == null ? void 0 : i.labelStyle) == null ? "number" : c, r)
+    };
+  });
+}
+function jl(e, n, r) {
+  return $t(e.labelStyle, r) || (0, t.jsx)(q, {
+    content: n.content
+  });
+}
+var Ml = {
   board: "_board_1q6ar_1",
   "matched-rows": "_matched-rows_1q6ar_6",
   "matched-row": "_matched-row_1q6ar_6",
@@ -8652,7 +8845,7 @@ var dl = {
   matched: "_matched_1q6ar_6",
   marker: "_marker_1q6ar_66"
 };
-function fl(_ref131) {
+function Nl(_ref131) {
   var e = _ref131.disabled,
     r = _ref131.item,
     i = _ref131.messages,
@@ -8665,7 +8858,7 @@ function fl(_ref131) {
     l = _ref133[0],
     u = _ref133[1],
     d = Ws(o, s),
-    f = pl(r, d.connections);
+    f = Pl(r, d.connections);
   function p(t, n) {
     if (e) return;
     var r = l ? ct(l, {
@@ -8687,7 +8880,7 @@ function fl(_ref131) {
     var i = (l == null ? void 0 : l.itemId) === n.item.itemId;
     return (0, t.jsxs)("button", {
       "aria-pressed": i,
-      className: H(dl.item, i && dl.selected, r && dl.matched),
+      className: H(Ml.item, i && Ml.selected, r && Ml.matched),
       "data-testid": "matching-player-item-".concat(n.item.itemId),
       disabled: e,
       onClick: function onClick() {
@@ -8695,9 +8888,9 @@ function fl(_ref131) {
       },
       type: "button",
       children: [n.marker ? (0, t.jsx)("span", {
-        className: dl.marker,
+        className: Ml.marker,
         children: n.marker
-      }) : null, (0, t.jsx)(G, {
+      }) : null, (0, t.jsx)(q, {
         content: n.item.content
       })]
     }, n.item.itemId);
@@ -8705,12 +8898,12 @@ function fl(_ref131) {
   return (0, t.jsxs)("div", {
     className: W.element,
     children: [(0, t.jsxs)("div", {
-      className: dl.board,
+      className: Ml.board,
       children: [f.rows.length > 0 ? (0, t.jsx)("div", {
-        className: dl["matched-rows"],
+        className: Ml["matched-rows"],
         children: f.rows.map(function (e) {
           return (0, t.jsxs)("div", {
-            className: dl["matched-row"],
+            className: Ml["matched-row"],
             "data-testid": "matching-player-row-".concat(e.from.item.itemId, "-").concat(e.to.item.itemId),
             children: [m(e.from, !0), m(e.to, !0)]
           }, "".concat(e.from.item.itemId, "-").concat(e.to.item.itemId));
@@ -8718,24 +8911,24 @@ function fl(_ref131) {
       }) : null, f.unmatchedColumns.some(function (e) {
         return e.length > 0;
       }) ? (0, t.jsx)("div", {
-        className: dl.columns,
+        className: Ml.columns,
         children: f.unmatchedColumns.map(function (e, n) {
           var i, a;
           return (0, t.jsx)("section", {
-            className: dl.column,
+            className: Ml.column,
             children: e.map(function (e) {
               return m(e, !1);
             })
           }, (i = (a = r.columns[n]) == null ? void 0 : a.columnId) == null ? n : i);
         })
       }) : null]
-    }), c ? (0, t.jsx)(K, {
-      groups: ul(r),
+    }), c ? (0, t.jsx)(J, {
+      groups: kl(r),
       title: i.standardAnswer
     }) : null]
   });
 }
-function pl(e, t) {
+function Pl(e, t) {
   var n;
   var r = e.columns.map(function (e, t) {
       return e.items.map(function (n, r) {
@@ -8773,7 +8966,7 @@ function pl(e, t) {
     })
   };
 }
-function ml(e, t) {
+function Fl(e, t) {
   return an(t, e.config.optionLabelStyle).map(function (e) {
     return {
       kind: "markerOnly",
@@ -8781,7 +8974,7 @@ function ml(e, t) {
     };
   });
 }
-function hl(_ref134) {
+function Il(_ref134) {
   var e = _ref134.availableWidth,
     t = _ref134.columnGap,
     n = _ref134.optionCount,
@@ -8791,57 +8984,59 @@ function hl(_ref134) {
   for (var _n5 = i; _n5 >= 2; --_n5) if (i % _n5 === 0 && (e - Math.max(0, t) * (_n5 - 1)) / _n5 >= r) return _n5;
   return 1;
 }
-var gl = {
+var Ll = {
   list: "_list_1xo1n_1"
 };
-function _l(_ref135) {
+function Rl(_ref135) {
   var e = _ref135.children;
-  var r = (0, n.useRef)(null),
+  var _G5 = G(),
+    r = _G5.renderer,
+    i = (0, n.useRef)(null),
     _ref136 = (0, n.useState)(1),
     _ref137 = _slicedToArray(_ref136, 2),
-    i = _ref137[0],
-    a = _ref137[1],
-    o = {
-      gridTemplateColumns: "repeat(".concat(i, ", minmax(0, 1fr))")
+    a = _ref137[0],
+    o = _ref137[1],
+    s = {
+      gridTemplateColumns: "repeat(".concat(a, ", minmax(0, 1fr))")
     };
   return (0, n.useLayoutEffect)(function () {
-    if (!r.current) return;
-    var t = r.current,
-      i = null;
-    function o() {
+    if (!i.current) return;
+    var t = i.current,
+      r = null;
+    function a() {
       var r = t.getBoundingClientRect().width,
         i = Number.parseFloat(getComputedStyle(t).columnGap) || 0,
-        o = vl(t),
-        s = hl({
+        a = zl(t),
+        s = Il({
           availableWidth: r,
           columnGap: i,
           optionCount: n.Children.count(e),
-          widestOptionWidth: o
+          widestOptionWidth: a
         });
-      a(function (e) {
+      o(function (e) {
         return e === s ? e : s;
       });
     }
     function s() {
-      i !== null && cancelAnimationFrame(i), i = requestAnimationFrame(o);
+      r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(a);
     }
-    if (o(), t.addEventListener("load", s, !0), (typeof ResizeObserver === "undefined" ? "undefined" : _typeof(ResizeObserver)) > "u") return window.addEventListener("resize", s), function () {
-      i !== null && cancelAnimationFrame(i), t.removeEventListener("load", s, !0), window.removeEventListener("resize", s);
+    if (a(), t.addEventListener("load", s, !0), (typeof ResizeObserver === "undefined" ? "undefined" : _typeof(ResizeObserver)) > "u") return window.addEventListener("resize", s), function () {
+      r !== null && cancelAnimationFrame(r), t.removeEventListener("load", s, !0), window.removeEventListener("resize", s);
     };
     var c = new ResizeObserver(s);
     return c.observe(t), function () {
-      i !== null && cancelAnimationFrame(i), t.removeEventListener("load", s, !0), c.disconnect();
+      r !== null && cancelAnimationFrame(r), t.removeEventListener("load", s, !0), c.disconnect();
     };
   }), (0, t.jsx)("ol", {
-    className: "".concat(W["option-list"], " ").concat(gl.list),
-    "data-column-count": i,
+    className: "".concat(r["option-list"], " ").concat(Ll.list),
+    "data-column-count": a,
     "data-question-option-grid": "true",
-    ref: r,
-    style: o,
+    ref: i,
+    style: s,
     children: e
   });
 }
-function vl(e) {
+function zl(e) {
   var t = e.parentElement;
   if (!t || e.children.length === 0) return 0;
   var n = e.cloneNode(!1);
@@ -8860,13 +9055,7 @@ function vl(e) {
   var r = n.getBoundingClientRect().width;
   return n.remove(), r;
 }
-var yl = {
-  "table-wrap": "_table-wrap_n67ah_1",
-  table: "_table_n67ah_1",
-  "table-option-column": "_table-option-column_n67ah_17",
-  "table-option-marker": "_table-option-marker_n67ah_45"
-};
-function bl(_ref138) {
+function Bl(_ref138) {
   var e = _ref138.disabled,
     n = _ref138.element,
     r = _ref138.item,
@@ -8883,16 +9072,16 @@ function bl(_ref138) {
     }));
   }
   if (n.config.renderer === "table") {
-    var _a2 = ml(n, r);
+    var _a4 = Fl(n, r);
     return (0, t.jsxs)("div", {
       className: W.element,
       children: [(0, t.jsx)("div", {
-        className: yl["table-wrap"],
+        className: Mc["table-wrap"],
         children: (0, t.jsxs)("table", {
-          className: yl.table,
+          className: Mc.table,
           children: [(0, t.jsxs)("colgroup", {
             children: [(0, t.jsx)("col", {
-              className: yl["table-option-column"]
+              className: Mc["table-option-column"]
             }), r.columns.map(function (e) {
               return (0, t.jsx)("col", {}, e.id);
             })]
@@ -8902,7 +9091,7 @@ function bl(_ref138) {
                 children: i.option
               }), r.columns.map(function (e) {
                 return (0, t.jsx)("th", {
-                  children: (0, t.jsx)(G, {
+                  children: (0, t.jsx)(q, {
                     content: e.content
                   })
                 }, e.id);
@@ -8912,11 +9101,11 @@ function bl(_ref138) {
             children: u.map(function (n) {
               var r = l.selectedOptionIds.includes(n.optionId);
               return (0, t.jsxs)("tr", {
-                className: Y["table-choice-row"],
+                className: X["table-choice-row"],
                 "data-selected": r ? "true" : void 0,
                 children: [(0, t.jsx)("td", {
                   children: (0, t.jsx)("button", {
-                    className: Y["table-row-button"],
+                    className: X["table-row-button"],
                     disabled: e,
                     "aria-pressed": r,
                     onClick: function onClick() {
@@ -8924,7 +9113,7 @@ function bl(_ref138) {
                     },
                     type: "button",
                     children: (0, t.jsx)("span", {
-                      className: H(W.marker, Y["table-option-marker"]),
+                      className: H(W.marker, X["table-option-marker"]),
                       "data-selected": r ? "true" : void 0,
                       children: n.marker
                     })
@@ -8932,14 +9121,14 @@ function bl(_ref138) {
                 }), n.cells.map(function (i, a) {
                   return (0, t.jsx)("td", {
                     children: (0, t.jsx)("button", {
-                      className: Y["table-row-button"],
+                      className: X["table-row-button"],
                       disabled: e,
                       "aria-pressed": r,
                       onClick: function onClick() {
                         return d(n.optionId);
                       },
                       type: "button",
-                      children: (0, t.jsx)(G, {
+                      children: (0, t.jsx)(q, {
                         content: i
                       })
                     })
@@ -8949,23 +9138,23 @@ function bl(_ref138) {
             })
           })]
         })
-      }), c ? (0, t.jsx)(K, {
-        groups: _a2,
+      }), c ? (0, t.jsx)(J, {
+        groups: _a4,
         title: i.standardAnswer
       }) : null]
     });
   }
-  var f = ml(n, r);
+  var f = Fl(n, r);
   return (0, t.jsxs)("div", {
     className: W.element,
-    children: [(0, t.jsx)(_l, {
+    children: [(0, t.jsx)(Rl, {
       children: u.map(function (n) {
         var r = l.selectedOptionIds.includes(n.optionId);
         return (0, t.jsx)("li", {
-          className: H(W["option-item"], Y["choice-option"], r && Y.selected),
+          className: H(W["option-item"], X["choice-option"], r && X.selected),
           "data-selected": r ? "true" : void 0,
           children: (0, t.jsxs)("button", {
-            className: Y["choice-button"],
+            className: X["choice-button"],
             disabled: e,
             "aria-pressed": r,
             onClick: function onClick() {
@@ -8973,22 +9162,22 @@ function bl(_ref138) {
             },
             type: "button",
             children: [(0, t.jsx)("span", {
-              className: H(W.marker, Y["option-marker"]),
+              className: H(W.marker, X["option-marker"]),
               "data-selected": r ? "true" : void 0,
               children: n.marker
-            }), (0, t.jsx)(G, {
+            }), (0, t.jsx)(q, {
               content: n.standardContent
             })]
           })
         }, n.optionId);
       })
-    }), c ? (0, t.jsx)(K, {
+    }), c ? (0, t.jsx)(J, {
       groups: f,
       title: i.standardAnswer
     }) : null]
   });
 }
-function xl(e) {
+function Vl(e) {
   var n = new Map(e.sortOptions.map(function (e) {
     return [e.id, e];
   }));
@@ -8996,14 +9185,14 @@ function xl(e) {
     var i = n.get(e);
     return {
       kind: "detailed",
-      contents: i ? [(0, t.jsx)(G, {
+      contents: i ? [(0, t.jsx)(q, {
         content: i.content
       }, e)] : [],
       marker: String(r + 1)
     };
   });
 }
-function Sl(_ref139) {
+function Hl(_ref139) {
   var e = _ref139.disabled,
     n = _ref139.item,
     r = _ref139.messages,
@@ -9031,17 +9220,17 @@ function Sl(_ref139) {
       className: W["option-list"],
       children: u.map(function (n, i) {
         return (0, t.jsxs)("li", {
-          className: H(W["option-item"], Y["choice-option"]),
+          className: H(W["option-item"], X["choice-option"]),
           children: [(0, t.jsx)("span", {
             className: W.marker,
             children: i + 1
-          }), (0, t.jsx)(G, {
+          }), (0, t.jsx)(q, {
             content: n.content
           }), (0, t.jsxs)("span", {
-            className: Y["ordering-controls"],
+            className: X["ordering-controls"],
             children: [(0, t.jsx)("button", {
               "aria-label": "".concat(r.moveUp, " ").concat(i + 1),
-              className: Y["ordering-button"],
+              className: X["ordering-button"],
               disabled: e || i === 0,
               onClick: function onClick() {
                 return d(n.id, -1);
@@ -9050,7 +9239,7 @@ function Sl(_ref139) {
               children: "\u2191"
             }), (0, t.jsx)("button", {
               "aria-label": "".concat(r.moveDown, " ").concat(i + 1),
-              className: Y["ordering-button"],
+              className: X["ordering-button"],
               disabled: e || i === u.length - 1,
               onClick: function onClick() {
                 return d(n.id, 1);
@@ -9061,21 +9250,13 @@ function Sl(_ref139) {
           })]
         }, n.id);
       })
-    }), s ? (0, t.jsx)(K, {
-      groups: xl(n),
+    }), s ? (0, t.jsx)(J, {
+      groups: Vl(n),
       title: r.standardAnswer
     }) : null]
   });
 }
-var Cl = {
-  content: "_content_63948_1",
-  paragraph: "_paragraph_63948_10",
-  marker: "_marker_63948_14",
-  "marker-button": "_marker-button_63948_22",
-  "marker-selected": "_marker-selected_63948_31",
-  "marker-answer": "_marker-answer_63948_37"
-};
-function wl(_ref140) {
+function Ul(_ref140) {
   var _ref140$answerMarkers = _ref140.answerMarkers,
     e = _ref140$answerMarkers === void 0 ? [] : _ref140$answerMarkers,
     r = _ref140.content,
@@ -9086,49 +9267,51 @@ function wl(_ref140) {
     o = _ref140$selectedMarke === void 0 ? [] : _ref140$selectedMarke,
     _ref140$showAnswer = _ref140.showAnswer,
     s = _ref140$showAnswer === void 0 ? !1 : _ref140$showAnswer;
-  var c = r.json.length ? r.json : [{
-    children: [{
-      text: r.text
-    }],
-    type: "paragraph"
-  }];
+  var _G6 = G(),
+    c = _G6.textMarker,
+    l = r.json.length ? r.json : [{
+      children: [{
+        text: r.text
+      }],
+      type: "paragraph"
+    }];
   return (0, t.jsx)("div", {
-    className: Cl.content,
-    children: c.map(function (e, t) {
-      return l(e, "node-".concat(t));
+    className: c.content,
+    children: l.map(function (e, t) {
+      return u(e, "node-".concat(t));
     })
   });
-  function l(e, n) {
-    if (El(e)) return u(e, n);
-    if (!Tl(e)) return null;
+  function u(e, n) {
+    if (Gl(e)) return d(e, n);
+    if (!Wl(e)) return null;
     var r = e.children.map(function (e, t) {
-      return l(e, "".concat(n, "-").concat(t));
+      return u(e, "".concat(n, "-").concat(t));
     });
     return e.type === "paragraph" ? (0, t.jsx)("p", {
-      className: Cl.paragraph,
+      className: c.paragraph,
       children: r
     }, n) : (0, t.jsx)("span", {
       children: r
     }, n);
   }
-  function u(e, r) {
+  function d(e, r) {
     var i = xt(e);
     if (!i) return (0, t.jsx)(n.Fragment, {
       children: e.text
     }, r);
-    var o = d(i);
-    return a ? f(i, e.text, r, o) : p(i, e.text, r, o);
+    var o = f(i);
+    return a ? p(i, e.text, r, o) : m(i, e.text, r, o);
   }
-  function d(t) {
+  function f(t) {
     var n = o.includes(t),
       r = s && e.includes(t);
     return {
       answer: r,
-      className: Ba(Cl.marker, a ? Cl["marker-button"] : "", n ? Cl["marker-selected"] : "", r ? Cl["marker-answer"] : ""),
+      className: Ba(c.marker, a ? c["marker-button"] : "", n ? c["marker-selected"] : "", r ? c["marker-answer"] : ""),
       selected: n
     };
   }
-  function f(e, n, r, o) {
+  function p(e, n, r, o) {
     return (0, t.jsx)("button", {
       className: o.className,
       "data-answer": o.answer ? "true" : void 0,
@@ -9142,7 +9325,7 @@ function wl(_ref140) {
       children: n
     }, r);
   }
-  function p(e, n, r, i) {
+  function m(e, n, r, i) {
     return (0, t.jsx)("span", {
       className: i.className,
       "data-answer": i.answer ? "true" : void 0,
@@ -9152,13 +9335,13 @@ function wl(_ref140) {
     }, r);
   }
 }
-function Tl(e) {
+function Wl(e) {
   return !!(e && _typeof(e) == "object" && "children" in e && Array.isArray(e.children));
 }
-function El(e) {
+function Gl(e) {
   return !!(e && _typeof(e) == "object" && "text" in e && _typeof(e.text) == "string");
 }
-function Dl(_ref141) {
+function Kl(_ref141) {
   var e = _ref141.item,
     n = _ref141.messages,
     r = _ref141.showAnswer;
@@ -9168,11 +9351,11 @@ function Dl(_ref141) {
     return e.text;
   });
   return (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsx)(wl, {
+    children: [(0, t.jsx)(Ul, {
       answerMarkers: e.answers,
       content: e.content,
       showAnswer: r
-    }), r ? (0, t.jsx)(K, {
+    }), r ? (0, t.jsx)(J, {
       groups: [{
         kind: "detailed",
         contents: i,
@@ -9182,7 +9365,7 @@ function Dl(_ref141) {
     }) : null]
   });
 }
-function Ol(_ref142) {
+function ql(_ref142) {
   var e = _ref142.disabled,
     n = _ref142.item,
     r = _ref142.messages,
@@ -9191,11 +9374,11 @@ function Ol(_ref142) {
     o = _ref142.responseIndex,
     s = _ref142.showAnswer;
   var c = Ks(a, o);
-  return s ? (0, t.jsx)(Dl, {
+  return s ? (0, t.jsx)(Kl, {
     item: n,
     messages: r,
     showAnswer: s
-  }) : (0, t.jsx)(wl, {
+  }) : (0, t.jsx)(Ul, {
     answerMarkers: n.answers,
     content: n.content,
     disabled: e,
@@ -9207,7 +9390,7 @@ function Ol(_ref142) {
     selectedMarkers: c.selectedMarkers
   });
 }
-function kl(_ref143) {
+function Jl(_ref143) {
   var e = _ref143.disabled,
     n = _ref143.locale,
     r = _ref143.label,
@@ -9217,7 +9400,7 @@ function kl(_ref143) {
     s = _ref143.responseIndex,
     c = _ref143.uploadImage;
   var l = qs(o, s);
-  return e ? A(l.content) ? null : (0, t.jsx)(G, {
+  return e ? A(l.content) ? null : (0, t.jsx)(q, {
     content: l.content
   }) : (0, t.jsx)(Da, {
     ariaLabel: r,
@@ -9234,24 +9417,24 @@ function kl(_ref143) {
     value: l.content
   });
 }
-function Al(e, n) {
+function Yl(e, n) {
   return e.blanks.reduce(function (r, i) {
     var a;
     var o = (a = e.answers[i]) == null ? void 0 : a.trim();
     return o ? [].concat(_toConsumableArray(r), [{
       kind: "detailed",
-      contents: [(0, t.jsx)(G, {
+      contents: [(0, t.jsx)(q, {
         content: O(o)
       }, "".concat(i, "-answer"))],
-      marker: xc([i], e.blanks, n)
+      marker: n([i], e.blanks)
     }]) : r;
   }, []);
 }
-var jl = {
+var Xl = {
   "word-builder-blank": "_word-builder-blank_ftw6q_1",
   "word-builder-candidate-list": "_word-builder-candidate-list_ftw6q_30"
 };
-function Ml(_ref144) {
+function Zl(_ref144) {
   var e = _ref144.disabled,
     n = _ref144.element,
     r = _ref144.item,
@@ -9262,7 +9445,9 @@ function Ml(_ref144) {
     c = _ref144.showAnswer;
   var l = _n(r, !0, n),
     u = Bs(o, s, l.blanks),
-    d = Al(l, i.blankLabel);
+    d = Yl(l, function (e, t) {
+      return xc(e, t, i.blankLabel);
+    });
   function f(e, t) {
     a(C(C({}, u), {}, {
       answers: C(C({}, u.answers), {}, _defineProperty({}, e, t))
@@ -9290,8 +9475,8 @@ function Ml(_ref144) {
     r && m(n, r);
   }
   return (0, t.jsxs)("div", {
-    className: U["fill-text"],
-    children: [(0, t.jsx)(Bc, {
+    className: K["fill-text"],
+    children: [(0, t.jsx)(il, {
       content: l.content,
       renderBlank: function renderBlank(_ref145) {
         var n = _ref145.blankId,
@@ -9299,7 +9484,7 @@ function Ml(_ref144) {
           a = _ref145.label;
         var o, s;
         var c = (o = u.answers[n]) == null ? "" : o,
-          l = Nl({
+          l = Ql({
             answers: c,
             blankLabel: i.blankLabel,
             canClear: !e && !!c.trim(),
@@ -9308,7 +9493,7 @@ function Ml(_ref144) {
           });
         return (0, t.jsx)("button", {
           "aria-label": l,
-          className: jl["word-builder-blank"],
+          className: Xl["word-builder-blank"],
           disabled: e,
           onClick: function onClick() {
             return p(n);
@@ -9325,7 +9510,7 @@ function Ml(_ref144) {
         });
       }
     }), (0, t.jsx)("div", {
-      className: jl["word-builder-candidate-list"],
+      className: Xl["word-builder-candidate-list"],
       children: l.candidateOptions.map(function (n, r) {
         return (0, t.jsx)("button", {
           disabled: e,
@@ -9340,13 +9525,13 @@ function Ml(_ref144) {
           children: n
         }, "".concat(n, "-").concat(r));
       })
-    }), c ? (0, t.jsx)(K, {
+    }), c ? (0, t.jsx)(J, {
       groups: d,
       title: i.standardAnswer
     }) : null]
   });
 }
-function Nl(_ref146) {
+function Ql(_ref146) {
   var e = _ref146.answers,
     t = _ref146.blankLabel,
     n = _ref146.canClear,
@@ -9355,7 +9540,7 @@ function Nl(_ref146) {
   var a = i || "".concat(t).concat(r + 1);
   return !n || !e.trim() ? a : t === "\u7A7A" ? "".concat(a, "\uFF0C\u70B9\u51FB\u6E05\u7A7A") : "".concat(a, ", click to clear");
 }
-function Pl(_ref147) {
+function $l(_ref147) {
   var e = _ref147.disabled,
     n = _ref147.element,
     r = _ref147.item,
@@ -9367,9 +9552,9 @@ function Pl(_ref147) {
     l = _ref147.showAnswer,
     u = _ref147.uploadImage;
   if (n.type !== r.type) throw Error("\u9898\u76EE\u5143\u7D20\u7ED3\u6784\u4E0D\u5339\u914D\uFF0Cexpected=".concat(n.type, "\uFF0Cactual=").concat(r.type));
-  return n.type === "richText" ? (0, t.jsx)(G, {
+  return n.type === "richText" ? (0, t.jsx)(q, {
     content: r.content
-  }) : n.type === "textResponse" ? (0, t.jsx)(kl, {
+  }) : n.type === "textResponse" ? (0, t.jsx)(Jl, {
     disabled: e,
     label: n.name,
     locale: i,
@@ -9378,7 +9563,7 @@ function Pl(_ref147) {
     response: s,
     responseIndex: c,
     uploadImage: u
-  }) : n.type === "ordering" ? (0, t.jsx)(Sl, {
+  }) : n.type === "ordering" ? (0, t.jsx)(Hl, {
     disabled: e,
     item: r,
     messages: a,
@@ -9386,7 +9571,7 @@ function Pl(_ref147) {
     response: s,
     responseIndex: c,
     showAnswer: l
-  }) : n.type === "classification" ? (0, t.jsx)(Lc, {
+  }) : n.type === "classification" ? (0, t.jsx)(tl, {
     disabled: e,
     item: r,
     messages: a,
@@ -9394,7 +9579,7 @@ function Pl(_ref147) {
     response: s,
     responseIndex: c,
     showAnswer: l
-  }) : n.type === "textMarker" ? (0, t.jsx)(Ol, {
+  }) : n.type === "textMarker" ? (0, t.jsx)(ql, {
     disabled: e,
     item: r,
     messages: a,
@@ -9402,7 +9587,7 @@ function Pl(_ref147) {
     response: s,
     responseIndex: c,
     showAnswer: l
-  }) : Fl({
+  }) : eu({
     disabled: e,
     element: n,
     item: r,
@@ -9415,7 +9600,7 @@ function Pl(_ref147) {
     uploadImage: u
   });
 }
-function Fl(_ref148) {
+function eu(_ref148) {
   var e = _ref148.disabled,
     n = _ref148.element,
     r = _ref148.item,
@@ -9426,7 +9611,7 @@ function Fl(_ref148) {
     c = _ref148.showAnswer;
   switch (n.type) {
     case "choice":
-      return (0, t.jsx)(bl, {
+      return (0, t.jsx)(Bl, {
         disabled: e,
         element: n,
         item: r,
@@ -9437,7 +9622,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "fill":
-      return (0, t.jsx)(Nc, {
+      return (0, t.jsx)(Zc, {
         disabled: e,
         item: r,
         messages: i,
@@ -9447,7 +9632,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "inlineFill":
-      return (0, t.jsx)(tl, {
+      return (0, t.jsx)(yl, {
         disabled: e,
         element: n,
         item: r,
@@ -9458,7 +9643,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "wordBuilder":
-      return (0, t.jsx)(Ml, {
+      return (0, t.jsx)(Zl, {
         disabled: e,
         element: n,
         item: r,
@@ -9469,7 +9654,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "judgement":
-      return (0, t.jsx)(ol, {
+      return (0, t.jsx)(wl, {
         disabled: e,
         element: n,
         item: r,
@@ -9480,7 +9665,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "lineConnect":
-      return (0, t.jsx)(ll, {
+      return (0, t.jsx)(Dl, {
         disabled: e,
         item: r,
         messages: i,
@@ -9490,7 +9675,7 @@ function Fl(_ref148) {
         showAnswer: c
       });
     case "matching":
-      return (0, t.jsx)(fl, {
+      return (0, t.jsx)(Nl, {
         disabled: e,
         item: r,
         messages: i,
@@ -9501,14 +9686,14 @@ function Fl(_ref148) {
       });
   }
 }
-var Il = ["locale"];
-function Ll(e) {
+var tu = ["locale"];
+function nu(e) {
   var _e$locale = e.locale,
     n = _e$locale === void 0 ? "zh-CN" : _e$locale,
-    r = ma(e, Il),
+    r = ma(e, tu),
     i = us(r.value, r.questionTypeTemplates),
     a = hs(r.response, i);
-  return (0, t.jsx)(Rl, C(C({}, r), {}, {
+  return (0, t.jsx)(ru, C(C({}, r), {}, {
     childIndexPath: [],
     locale: n,
     messages: bc(n),
@@ -9519,7 +9704,7 @@ function Ll(e) {
     value: i
   }));
 }
-function Rl(_ref149) {
+function ru(_ref149) {
   var e = _ref149.childIndexPath,
     n = _ref149.className,
     _ref149$disabled = _ref149.disabled,
@@ -9539,13 +9724,13 @@ function Rl(_ref149) {
     p = _ref149.value;
   var m = Zi(d, p);
   if (!m) return (0, t.jsx)("div", {
-    className: H(U.root, n),
+    className: H(K.root, n),
     children: (0, t.jsx)("div", {
-      className: U.empty,
+      className: K.empty,
       children: a.missingQuestionTypeTemplate
     })
   });
-  var h = zl({
+  var h = iu({
     childIndexPath: e,
     disabled: r,
     locale: i,
@@ -9561,19 +9746,19 @@ function Rl(_ref149) {
     value: p
   });
   return (0, t.jsx)("div", {
-    className: H(U.root, n),
-    children: Ul(m, p) ? (0, t.jsx)("div", {
-      className: U.empty,
+    className: H(K.root, n),
+    children: cu(m, p) ? (0, t.jsx)("div", {
+      className: K.empty,
       children: a.previewEmpty
     }) : h
   });
 }
-function zl(e) {
+function iu(e) {
   return (0, t.jsxs)(t.Fragment, {
-    children: [Bl(e), Hl(e), Vl(e)]
+    children: [au(e), su(e), ou(e)]
   });
 }
-function Bl(_ref150) {
+function au(_ref150) {
   var e = _ref150.disabled,
     n = _ref150.locale,
     r = _ref150.messages,
@@ -9584,15 +9769,15 @@ function Bl(_ref150) {
     c = _ref150.uploadImage,
     l = _ref150.value;
   return s.elements.length === 0 ? null : (0, t.jsx)("div", {
-    className: U["element-list"],
+    className: K["element-list"],
     children: s.elements.map(function (u, d) {
       var f = Yt(l, d, u),
         p = s.elements.slice(0, d).filter(function (e) {
           return e.type !== "richText";
         }).length;
       return (0, t.jsx)("section", {
-        className: U.element,
-        children: (0, t.jsx)(Pl, {
+        className: K.element,
+        children: (0, t.jsx)($l, {
           disabled: e,
           element: u,
           item: f,
@@ -9610,7 +9795,7 @@ function Bl(_ref150) {
     })
   });
 }
-function Vl(_ref151) {
+function ou(_ref151) {
   var e = _ref151.disabled,
     n = _ref151.locale,
     r = _ref151.messages,
@@ -9620,17 +9805,17 @@ function Vl(_ref151) {
     s = _ref151.uploadImage,
     c = _ref151.value;
   return a ? (0, t.jsx)("div", {
-    className: U["element-list"],
+    className: K["element-list"],
     children: o.extras.map(function (a, o) {
       var l = Xt(c, o, a);
       return A(l.content) ? null : (0, t.jsxs)("section", {
-        className: U.extra,
-        children: [(0, t.jsx)(Ac, {
+        className: K.extra,
+        children: [(0, t.jsx)(Fc, {
           children: a.name
-        }), (0, t.jsx)(Pl, {
+        }), (0, t.jsx)($l, {
           disabled: e,
-          element: Wl(a),
-          item: Gl(l),
+          element: lu(a),
+          item: uu(l),
           locale: n,
           messages: r,
           onResponseItemChange: function onResponseItemChange() {
@@ -9645,7 +9830,7 @@ function Vl(_ref151) {
     })
   }) : null;
 }
-function Hl(_ref152) {
+function su(_ref152) {
   var e = _ref152.childIndexPath,
     n = _ref152.disabled,
     r = _ref152.locale,
@@ -9658,7 +9843,7 @@ function Hl(_ref152) {
     u = _ref152.questionTypeTemplates,
     d = _ref152.uploadImage,
     f = _ref152.value;
-  return f.children.length === 0 ? null : (0, t.jsx)(jc, {
+  return f.children.length === 0 ? null : (0, t.jsx)(Ic, {
     childIndexPath: e,
     disabled: n,
     messages: i,
@@ -9667,7 +9852,7 @@ function Hl(_ref152) {
     },
     response: o,
     renderChild: function renderChild(e, a, o, f) {
-      return (0, t.jsx)(Rl, {
+      return (0, t.jsx)(ru, {
         childIndexPath: f,
         disabled: n,
         locale: r,
@@ -9686,220 +9871,330 @@ function Hl(_ref152) {
     value: f
   });
 }
-function Ul(e, t) {
+function cu(e, t) {
   return t.elements.length === 0 && t.extras.length === 0 && t.children.length === 0;
 }
-function Wl(e) {
+function lu(e) {
   return {
     config: {},
     name: e.name,
     type: "richText"
   };
 }
-function Gl(e) {
+function uu(e) {
   return {
     content: e.content,
     type: "richText"
   };
 }
-var Kl = {
-  "blank-list": "_blank-list_12ccp_1",
-  "blank-item": "_blank-item_12ccp_11",
-  "blank-field": "_blank-field_12ccp_17"
-};
-function ql(_ref153) {
-  var e = _ref153.item,
-    n = _ref153.messages,
-    r = _ref153.showAnswer;
-  var i = k(e.answers, e.blanks).map(function (r, i) {
+function du(_ref153) {
+  var _ref153$className = _ref153.className,
+    e = _ref153$className === void 0 ? kc.placeholder : _ref153$className,
+    n = _ref153.label;
+  return (0, t.jsx)("div", {
+    "aria-label": n,
+    className: e
+  });
+}
+function fu(e, t, n) {
+  return _toConsumableArray(e).sort(function (e, n) {
+    return pu(e.blankIds, t) - pu(n.blankIds, t);
+  }).map(function (e, r) {
     return {
       kind: "detailed",
-      contents: r.answerPools.map(function (e, n) {
-        return (0, t.jsx)(G, {
-          content: e
-        }, "group-".concat(i, "-answer-").concat(n));
-      }),
-      marker: xc(r.blankIds, e.blanks, n.blankLabel)
+      contents: mu(e.contents.filter(function (e) {
+        return !A(e);
+      }), n, r),
+      marker: Uc(e.blankIds, t, n)
     };
   });
+}
+function pu(e, t) {
+  return Math.min.apply(Math, _toConsumableArray(e.map(function (e) {
+    return t.indexOf(e);
+  })));
+}
+function mu(e, n, r) {
+  var i = n === "zh-CN" ? "\uFF1B" : "; ";
+  return e.reduce(function (n, a, o) {
+    return [].concat(_toConsumableArray(n), [(0, t.jsx)(q, {
+      content: a
+    }, "group-".concat(r, "-answer-").concat(o))], _toConsumableArray(o < e.length - 1 ? [i] : []));
+  }, []);
+}
+function hu(_ref154) {
+  var e = _ref154.item,
+    n = _ref154.locale,
+    r = _ref154.messages,
+    i = _ref154.showAnswer;
+  var a = Xc(),
+    _G7 = G(),
+    o = _G7.blankGroup,
+    s = _G7.renderer,
+    c = k(e.answers, e.blanks),
+    l = a.answerGroupLayout === "rows" ? fu(c.map(function (e) {
+      return {
+        blankIds: e.blankIds,
+        contents: e.answerPools
+      };
+    }), e.blanks, n) : c.map(function (i, o) {
+      return {
+        kind: "detailed",
+        contents: i.answerPools.map(function (e, n) {
+          return (0, t.jsx)(q, {
+            content: e
+          }, "group-".concat(o, "-answer-").concat(n));
+        }),
+        marker: a.blankAnswerMarker(i.blankIds, e.blanks, n, r.blankLabel)
+      };
+    });
   return (0, t.jsxs)("div", {
-    className: W.element,
+    className: s.element,
     children: [(0, t.jsx)("ol", {
-      className: Kl["blank-list"],
-      children: e.blanks.map(function (e, r) {
+      className: o["blank-list"],
+      children: e.blanks.map(function (e, i) {
         return (0, t.jsx)("li", {
-          className: Kl["blank-item"],
-          children: (0, t.jsxs)("span", {
-            className: Kl["blank-field"],
-            children: [n.blankLabel, " ", r + 1]
+          className: o["blank-item"],
+          children: (0, t.jsx)("span", {
+            "aria-label": a.blankPlaceholder === "answer-line" ? Hc(i + 1, n) : void 0,
+            className: o["blank-field"],
+            children: a.blankPlaceholder === "answer-line" ? null : "".concat(r.blankLabel, " ").concat(i + 1)
           })
-        }, Jl(e, r));
+        }, gu(e, i));
       })
-    }), r ? (0, t.jsx)(K, {
-      groups: i,
-      title: n.standardAnswer
+    }), i ? (0, t.jsx)(J, {
+      groups: l,
+      title: r.standardAnswer
     }) : null]
   });
 }
-function Jl(e, t) {
+function gu(e, t) {
   return e || "blank-".concat(t + 1);
 }
-function Yl(_ref154) {
-  var e = _ref154.item,
-    n = _ref154.messages,
-    r = _ref154.showAnswer;
+function _u(_ref155) {
+  var e = _ref155.item,
+    n = _ref155.messages,
+    r = _ref155.showAnswer;
+  var _G8 = G(),
+    i = _G8.classification,
+    a = _G8.renderer;
   return (0, t.jsxs)("div", {
-    className: W.element,
+    className: a.element,
     children: [(0, t.jsxs)("div", {
-      className: q.board,
+      className: i.board,
       children: [(0, t.jsx)("div", {
-        className: q.zones,
+        className: i.zones,
         children: e.categories.map(function (e) {
           return (0, t.jsxs)("section", {
-            className: q.zone,
+            className: i.zone,
             children: [(0, t.jsx)("div", {
-              className: q["zone-title"],
-              children: (0, t.jsx)(G, {
+              className: i["zone-title"],
+              children: (0, t.jsx)(q, {
                 content: e.content
               })
             }), (0, t.jsx)("span", {
-              className: q.empty,
+              className: i.empty,
               children: n.unassigned
             })]
           }, e.id);
         })
       }), (0, t.jsx)("section", {
-        className: q.pool,
+        className: i.pool,
         children: e.items.map(function (e) {
           return (0, t.jsx)("div", {
-            className: q.item,
-            children: (0, t.jsx)(G, {
+            className: i.item,
+            children: (0, t.jsx)(q, {
               content: e.content
             })
           }, e.id);
         })
       })]
-    }), r ? (0, t.jsx)(K, {
-      groups: Ic(e),
+    }), r ? (0, t.jsx)(J, {
+      groups: el(e),
       title: n.standardAnswer
     }) : null]
   });
 }
-function Xl(_ref155) {
-  var e = _ref155.element,
-    n = _ref155.item,
-    r = _ref155.messages,
-    i = _ref155.showAnswer;
-  var a = vn(n, e, !0),
-    o = Dc(a).map(function (e, n) {
+function vu(_ref156) {
+  var e = _ref156.element,
+    n = _ref156.item,
+    r = _ref156.locale,
+    i = _ref156.messages,
+    a = _ref156.showAnswer;
+  var o = Xc(),
+    _G9 = G(),
+    s = _G9.renderer,
+    c = vn(n, e, !0),
+    l = Dc(c),
+    u = o.answerGroupLayout === "rows" ? fu(l, c.blanks, r) : l.map(function (e, n) {
       return {
         kind: "detailed",
         contents: e.contents.map(function (e, r) {
-          return (0, t.jsx)(G, {
+          return (0, t.jsx)(q, {
             content: e
           }, "group-".concat(n, "-answer-").concat(r));
         }),
-        marker: xc(e.blankIds, a.blanks, r.blankLabel)
+        marker: o.blankAnswerMarker(e.blankIds, c.blanks, r, i.blankLabel)
       };
     });
   return (0, t.jsxs)("div", {
-    className: W.element,
-    children: [(0, t.jsx)(G, {
-      content: a.content
-    }), Zl(a, r.candidateOptions), i ? (0, t.jsx)(K, {
-      groups: o,
-      title: r.standardAnswer
+    className: s.element,
+    children: [(0, t.jsx)(q, {
+      content: c.content
+    }), yu(c, i.candidateOptions, s, o.candidateLayout), a ? (0, t.jsx)(J, {
+      groups: u,
+      title: i.standardAnswer
     }) : null]
   });
 }
-function Zl(e, n) {
-  var r, i;
-  var a = (r = e.candidateOptions) == null ? [] : r,
-    o = (i = e.blankOptionGroups) == null ? [] : i;
-  return !a.length && !o.length ? null : (0, t.jsxs)("div", {
-    className: W["candidate-section"],
+function yu(e, n, r, i) {
+  var a, o;
+  var s = (a = e.candidateOptions) == null ? [] : a,
+    c = (o = e.blankOptionGroups) == null ? [] : o;
+  return !s.length && !c.length ? null : i === "plain-list" ? (0, t.jsxs)("div", {
+    className: r["candidate-section"],
     children: [(0, t.jsx)("span", {
-      className: W["section-title"],
+      className: r["section-title"],
       children: n
     }), (0, t.jsxs)("ol", {
-      className: W["candidate-list"],
-      children: [a.map(function (e) {
+      className: r["candidate-list"],
+      children: [s.map(function (e) {
         return (0, t.jsx)("li", {
-          className: W["candidate-item"],
-          children: (0, t.jsx)(G, {
+          className: r["candidate-item"],
+          children: (0, t.jsx)(q, {
             content: e.content
           })
         }, e.optionId);
-      }), o.reduce(function (e, n) {
+      }), c.reduce(function (e, n) {
         return [].concat(_toConsumableArray(e), _toConsumableArray(n.options.map(function (e) {
           return (0, t.jsx)("li", {
-            className: W["candidate-item"],
-            children: (0, t.jsx)(G, {
+            className: r["candidate-item"],
+            children: (0, t.jsx)(q, {
               content: e.content
             })
           }, "".concat(n.blankId, "-").concat(e.optionId));
         })));
       }, [])]
     })]
+  }) : (0, t.jsxs)("div", {
+    className: r["candidate-section"],
+    children: [(0, t.jsx)("span", {
+      className: r["section-title"],
+      children: n
+    }), s.length > 0 ? (0, t.jsx)(Rl, {
+      children: s.map(function (e, n) {
+        return (0, t.jsxs)("li", {
+          className: r["candidate-item"],
+          children: [(0, t.jsxs)("span", {
+            className: r.marker,
+            children: [Zt("upperAlpha", n), "."]
+          }), (0, t.jsx)(q, {
+            content: e.content
+          })]
+        }, e.optionId);
+      })
+    }) : (0, t.jsx)("ol", {
+      className: r["candidate-list"],
+      "data-candidate-layout": "per-blank",
+      children: c.map(function (e, n) {
+        return (0, t.jsxs)("li", {
+          className: r["candidate-item"],
+          children: [(0, t.jsxs)("span", {
+            className: r.marker,
+            children: [n + 1, "."]
+          }), (0, t.jsx)(Rl, {
+            children: e.options.map(function (e) {
+              return (0, t.jsx)("li", {
+                className: r["candidate-item"],
+                children: (0, t.jsx)(q, {
+                  content: e.content
+                })
+              }, e.optionId);
+            })
+          })]
+        }, e.blankId);
+      })
+    })]
   });
 }
-function Ql(_ref156) {
-  var e = _ref156.element,
-    n = _ref156.item,
-    r = _ref156.messages,
-    i = _ref156.showAnswer;
-  var a = tn(e.config.judgeAnswerMode),
-    o = [{
+function bu(_ref157) {
+  var e = _ref157.element,
+    n = _ref157.item,
+    r = _ref157.messages,
+    i = _ref157.showAnswer,
+    a = _ref157.stem;
+  var _G0 = G(),
+    o = _G0.renderer,
+    s = tn(e.config.judgeAnswerMode),
+    c = [{
       kind: "detailed",
       contents: nn(e.config.judgeAnswerMode, n.answers),
       marker: ""
     }];
   return (0, t.jsxs)("div", {
-    className: W.element,
-    children: [(0, t.jsx)("ol", {
-      className: W["judgement-list"],
-      children: a.map(function (_ref157) {
-        var e = _ref157.label,
-          n = _ref157.value;
+    className: o.element,
+    children: [a ? (0, t.jsxs)("div", {
+      "aria-label": e.name,
+      className: o["judgement-row"],
+      role: "group",
+      children: [(0, t.jsx)(q, {
+        content: a
+      }), (0, t.jsx)("span", {
+        "aria-hidden": "true",
+        className: o["judgement-placeholder"],
+        children: "\uFF08\u3000\uFF09"
+      })]
+    }) : (0, t.jsx)("ol", {
+      className: o["judgement-list"],
+      children: s.map(function (_ref158) {
+        var e = _ref158.label,
+          n = _ref158.value;
         return (0, t.jsx)("li", {
-          className: W["judgement-item"],
+          className: o["judgement-item"],
           children: e
         }, String(n));
       })
-    }), i ? (0, t.jsx)(K, {
-      groups: o,
+    }), i ? (0, t.jsx)(J, {
+      groups: c,
       title: r.standardAnswer
     }) : null]
   });
 }
-function $l(_ref158) {
-  var e = _ref158.item,
-    n = _ref158.messages,
-    r = _ref158.showAnswer;
-  var i = {
-    gridTemplateColumns: "repeat(".concat(e.columns.length, ", minmax(12rem, 1fr))")
-  };
+function xu(_ref159) {
+  var e = _ref159.item,
+    n = _ref159.messages,
+    r = _ref159.showAnswer;
+  var _Xc2 = Xc(),
+    i = _Xc2.lineConnectColumnTitleVisibility,
+    _G1 = G(),
+    a = _G1.lineConnect,
+    o = _G1.renderer,
+    s = {
+      gridTemplateColumns: "repeat(".concat(e.columns.length, ", minmax(12rem, 1fr))")
+    };
   return (0, t.jsxs)("div", {
-    className: W.element,
+    className: o.element,
     children: [(0, t.jsx)("div", {
-      className: L.board,
+      className: a.board,
       children: (0, t.jsx)("div", {
-        className: L.columns,
-        style: i,
+        className: a.columns,
+        style: s,
         children: e.columns.map(function (e, r) {
+          var o = "".concat(n.tableColumn, " ").concat(r + 1);
           return (0, t.jsxs)("section", {
-            className: L.column,
-            children: [(0, t.jsxs)("span", {
-              className: L["column-title"],
-              children: [n.tableColumn, " ", r + 1]
-            }), e.items.map(function (n, r) {
+            "aria-label": i === "accessible-only" ? o : void 0,
+            className: a.column,
+            children: [i === "visible" ? (0, t.jsx)("span", {
+              className: a["column-title"],
+              children: o
+            }) : null, e.items.map(function (n, r) {
               var i = Qt(e.labelStyle, r);
               return (0, t.jsxs)("div", {
-                className: L.item,
+                className: a.item,
                 children: [i ? (0, t.jsx)("span", {
-                  className: L.marker,
+                  className: a.marker,
                   children: i
-                }) : null, (0, t.jsx)(G, {
+                }) : null, (0, t.jsx)(q, {
                   content: n.content
                 })]
               }, n.itemId);
@@ -9907,40 +10202,38 @@ function $l(_ref158) {
           }, e.columnId);
         })
       })
-    }), r ? (0, t.jsx)(K, {
-      groups: sl(e),
+    }), r ? (0, t.jsx)(J, {
+      groups: Tl(e),
       title: n.standardAnswer
     }) : null]
   });
 }
-var eu = {
-  board: "_board_5xarh_1",
-  columns: "_columns_5xarh_6",
-  column: "_column_5xarh_6",
-  item: "_item_5xarh_18",
-  marker: "_marker_5xarh_42"
-};
-function tu(_ref159) {
-  var e = _ref159.item,
-    n = _ref159.messages,
-    r = _ref159.showAnswer;
+function Su(_ref160) {
+  var e = _ref160.item,
+    n = _ref160.messages,
+    r = _ref160.showAnswer;
+  var _Xc3 = Xc(),
+    i = _Xc3.matchingAnswerLayout,
+    _G10 = G(),
+    a = _G10.matching,
+    o = _G10.renderer;
   return (0, t.jsxs)("div", {
-    className: W.element,
+    className: o.element,
     children: [(0, t.jsx)("div", {
-      className: eu.board,
+      className: a.board,
       children: (0, t.jsx)("div", {
-        className: eu.columns,
+        className: a.columns,
         children: e.columns.map(function (e) {
           return (0, t.jsx)("section", {
-            className: eu.column,
+            className: a.column,
             children: e.items.map(function (n, r) {
               var i = $t(e.labelStyle, r);
               return (0, t.jsxs)("div", {
-                className: eu.item,
+                className: a.item,
                 children: [i ? (0, t.jsx)("span", {
-                  className: eu.marker,
+                  className: a.marker,
                   children: i
-                }) : null, (0, t.jsx)(G, {
+                }) : null, (0, t.jsx)(q, {
                   content: n.content
                 })]
               }, n.itemId);
@@ -9948,238 +10241,277 @@ function tu(_ref159) {
           }, e.columnId);
         })
       })
-    }), r ? (0, t.jsx)(K, {
-      groups: ul(e),
+    }), r ? (0, t.jsx)(J, {
+      groups: i === "marker-path" ? Al(e) : kl(e),
       title: n.standardAnswer
     }) : null]
   });
 }
-function nu(_ref160) {
-  var e = _ref160.element,
-    n = _ref160.item,
-    r = _ref160.messages,
-    i = _ref160.showAnswer;
-  var a = rn(n, e.config.optionLabelStyle);
-  if (e.config.renderer === "table") {
-    var _o3 = ml(e, n);
-    return (0, t.jsxs)("div", {
-      className: W.element,
-      children: [(0, t.jsx)("div", {
-        className: yl["table-wrap"],
-        children: (0, t.jsxs)("table", {
-          className: yl.table,
-          children: [(0, t.jsxs)("colgroup", {
-            children: [(0, t.jsx)("col", {
-              className: yl["table-option-column"]
+function Cu(_ref161) {
+  var e = _ref161.element,
+    n = _ref161.item,
+    r = _ref161.locale,
+    i = _ref161.messages,
+    a = _ref161.showAnswer;
+  var _Xc4 = Xc(),
+    o = _Xc4.optionStandardAnswer,
+    _G11 = G(),
+    s = _G11.renderer,
+    c = _G11.table,
+    l = rn(n, e.config.optionLabelStyle),
+    u = Fl(e, n),
+    d = o === "value-only" ? wu(u.map(function (e) {
+      return e.marker;
+    }), r) : u;
+  return e.config.renderer === "table" ? (0, t.jsxs)("div", {
+    className: s.element,
+    children: [(0, t.jsx)("div", {
+      className: c["table-wrap"],
+      children: (0, t.jsxs)("table", {
+        className: c.table,
+        children: [(0, t.jsxs)("colgroup", {
+          children: [(0, t.jsx)("col", {
+            className: c["table-option-column"]
+          }), n.columns.map(function (e) {
+            return (0, t.jsx)("col", {}, e.id);
+          })]
+        }), (0, t.jsx)("thead", {
+          children: (0, t.jsxs)("tr", {
+            children: [(0, t.jsx)("th", {
+              children: i.option
             }), n.columns.map(function (e) {
-              return (0, t.jsx)("col", {}, e.id);
+              return (0, t.jsx)("th", {
+                children: (0, t.jsx)(q, {
+                  content: e.content
+                })
+              }, e.id);
             })]
-          }), (0, t.jsx)("thead", {
-            children: (0, t.jsxs)("tr", {
-              children: [(0, t.jsx)("th", {
-                children: r.option
-              }), n.columns.map(function (e) {
-                return (0, t.jsx)("th", {
-                  children: (0, t.jsx)(G, {
-                    content: e.content
+          })
+        }), (0, t.jsx)("tbody", {
+          children: l.map(function (e) {
+            return (0, t.jsxs)("tr", {
+              children: [(0, t.jsx)("td", {
+                children: (0, t.jsx)("span", {
+                  className: c["table-option-marker"],
+                  children: e.marker
+                })
+              }), e.cells.map(function (n, r) {
+                return (0, t.jsx)("td", {
+                  children: (0, t.jsx)(q, {
+                    content: n
                   })
-                }, e.id);
+                }, "".concat(e.optionId, "-cell-").concat(r));
               })]
-            })
-          }), (0, t.jsx)("tbody", {
-            children: a.map(function (e) {
-              return (0, t.jsxs)("tr", {
-                children: [(0, t.jsx)("td", {
-                  children: (0, t.jsx)("span", {
-                    className: yl["table-option-marker"],
-                    children: e.marker
-                  })
-                }), e.cells.map(function (n, r) {
-                  return (0, t.jsx)("td", {
-                    children: (0, t.jsx)(G, {
-                      content: n
-                    })
-                  }, "".concat(e.optionId, "-cell-").concat(r));
-                })]
-              }, e.optionId);
-            })
-          })]
-        })
-      }), i ? (0, t.jsx)(K, {
-        groups: _o3,
-        title: r.standardAnswer
-      }) : null]
-    });
-  }
-  var o = ml(e, n);
-  return (0, t.jsxs)("div", {
-    className: W.element,
-    children: [(0, t.jsx)(_l, {
-      children: a.map(function (e) {
+            }, e.optionId);
+          })
+        })]
+      })
+    }), a ? (0, t.jsx)(J, {
+      groups: d,
+      title: i.standardAnswer
+    }) : null]
+  }) : (0, t.jsxs)("div", {
+    className: s.element,
+    children: [(0, t.jsx)(Rl, {
+      children: l.map(function (e) {
         return (0, t.jsxs)("li", {
-          className: W["option-item"],
+          className: s["option-item"],
           children: [(0, t.jsx)("span", {
-            className: W.marker,
+            className: s.marker,
             children: e.marker
-          }), (0, t.jsx)(G, {
+          }), (0, t.jsx)(q, {
             content: e.standardContent
           })]
         }, e.optionId);
       })
-    }), i ? (0, t.jsx)(K, {
-      groups: o,
-      title: r.standardAnswer
+    }), a ? (0, t.jsx)(J, {
+      groups: d,
+      title: i.standardAnswer
     }) : null]
   });
 }
-function ru(_ref161) {
-  var e = _ref161.item,
-    n = _ref161.messages,
-    r = _ref161.showAnswer;
+function wu(e, t) {
+  var n = e.filter(Boolean).join(t === "zh-CN" ? "\uFF1B" : "; ");
+  return n ? [{
+    contents: [n],
+    kind: "detailed",
+    marker: ""
+  }] : [];
+}
+function Tu(_ref162) {
+  var e = _ref162.item,
+    n = _ref162.messages,
+    r = _ref162.showAnswer;
+  var _G12 = G(),
+    i = _G12.renderer;
   return (0, t.jsxs)("div", {
-    className: W.element,
+    className: i.element,
     children: [(0, t.jsx)("ol", {
-      className: W["option-list"],
+      className: i["option-list"],
       children: e.sortOptions.map(function (e, n) {
         return (0, t.jsxs)("li", {
-          className: W["option-item"],
+          className: i["option-item"],
           children: [(0, t.jsx)("span", {
-            className: W.marker,
+            className: i.marker,
             children: n + 1
-          }), (0, t.jsx)(G, {
+          }), (0, t.jsx)(q, {
             content: e.content
           })]
         }, e.id);
       })
-    }), r ? (0, t.jsx)(K, {
-      groups: xl(e),
+    }), r ? (0, t.jsx)(J, {
+      groups: Vl(e),
       title: n.standardAnswer
     }) : null]
   });
 }
-function iu(_ref162) {
-  var e = _ref162.element,
-    n = _ref162.item,
-    r = _ref162.messages,
-    i = _ref162.showAnswer;
-  var a = _n(n, !0, e),
-    o = Al(a, r.blankLabel);
+function Eu(_ref163) {
+  var e = _ref163.element,
+    n = _ref163.item,
+    r = _ref163.locale,
+    i = _ref163.messages,
+    a = _ref163.showAnswer;
+  var o = Xc(),
+    _G13 = G(),
+    s = _G13.renderer,
+    c = _n(n, !0, e),
+    l = Yl(c, function (e, t) {
+      return o.blankAnswerMarker(e, t, r, i.blankLabel);
+    });
   return (0, t.jsxs)("div", {
-    className: W.element,
-    children: [(0, t.jsx)(Bc, {
-      content: a.content,
-      renderBlank: function renderBlank(_ref163) {
-        var e = _ref163.blankId,
-          n = _ref163.index,
-          i = _ref163.label;
+    className: s.element,
+    children: [(0, t.jsx)(il, {
+      content: c.content,
+      renderBlank: function renderBlank(_ref164) {
+        var e = _ref164.blankId,
+          n = _ref164.index,
+          a = _ref164.label;
         return (0, t.jsx)("span", {
-          "aria-label": i || "".concat(r.blankLabel).concat(n + 1),
-          className: W["word-builder-blank"],
+          "aria-label": o.blankPlaceholder === "answer-line" ? Hc(n + 1, r) : a || "".concat(i.blankLabel).concat(n + 1),
+          className: s["word-builder-blank"],
           "data-blank-id": e
         });
       }
     }), (0, t.jsxs)("div", {
-      className: W["candidate-section"],
+      className: s["candidate-section"],
       children: [(0, t.jsx)("span", {
-        className: W["section-title"],
-        children: r.candidateOptions
+        className: s["section-title"],
+        children: i.candidateOptions
       }), (0, t.jsx)("ol", {
-        className: W["word-builder-candidate-list"],
-        children: a.candidateOptions.map(function (e, n) {
+        className: s["word-builder-candidate-list"],
+        children: c.candidateOptions.map(function (e, n) {
           return (0, t.jsx)("li", {
-            className: W["candidate-item"],
+            className: s["candidate-item"],
             children: e
           }, "".concat(e, "-").concat(n));
         })
       })]
-    }), i ? (0, t.jsx)(K, {
-      groups: o,
-      title: r.standardAnswer
+    }), a ? (0, t.jsx)(J, {
+      groups: l,
+      title: i.standardAnswer
     }) : null]
   });
 }
-function au(_ref164) {
-  var e = _ref164.element,
-    n = _ref164.item,
-    r = _ref164.messages,
-    i = _ref164.showAnswer;
+function Du(_ref165) {
+  var e = _ref165.element,
+    n = _ref165.item,
+    r = _ref165.judgementStem,
+    i = _ref165.locale,
+    a = _ref165.messages,
+    o = _ref165.showAnswer;
+  var _Xc5 = Xc(),
+    s = _Xc5.textResponseVisibility,
+    _G14 = G(),
+    c = _G14.textResponse;
   if (e.type !== n.type) throw Error("\u9898\u76EE\u5143\u7D20\u7ED3\u6784\u4E0D\u5339\u914D\uFF0Cexpected=".concat(e.type, "\uFF0Cactual=").concat(n.type));
-  return e.type === "richText" ? (0, t.jsx)(G, {
+  return e.type === "richText" ? (0, t.jsx)(q, {
     content: n.content
-  }) : e.type === "textResponse" ? null : e.type === "ordering" ? (0, t.jsx)(ru, {
+  }) : e.type === "textResponse" ? s === "hidden" ? null : (0, t.jsx)(du, {
+    className: c.placeholder,
+    label: a.textResponsePlaceholder
+  }) : e.type === "ordering" ? (0, t.jsx)(Tu, {
     item: n,
-    messages: r,
-    showAnswer: i
-  }) : e.type === "classification" ? (0, t.jsx)(Yl, {
+    messages: a,
+    showAnswer: o
+  }) : e.type === "classification" ? (0, t.jsx)(_u, {
     item: n,
-    messages: r,
-    showAnswer: i
-  }) : e.type === "textMarker" ? (0, t.jsx)(Dl, {
+    messages: a,
+    showAnswer: o
+  }) : e.type === "textMarker" ? (0, t.jsx)(Kl, {
     item: n,
-    messages: r,
-    showAnswer: i
-  }) : ou({
+    messages: a,
+    showAnswer: o
+  }) : Ou({
     element: e,
     item: n,
-    messages: r,
-    showAnswer: i
+    judgementStem: r,
+    locale: i,
+    messages: a,
+    showAnswer: o
   });
 }
-function ou(_ref165) {
-  var e = _ref165.element,
-    n = _ref165.item,
-    r = _ref165.messages,
-    i = _ref165.showAnswer;
+function Ou(_ref166) {
+  var e = _ref166.element,
+    n = _ref166.item,
+    r = _ref166.judgementStem,
+    i = _ref166.locale,
+    a = _ref166.messages,
+    o = _ref166.showAnswer;
   switch (e.type) {
     case "choice":
-      return (0, t.jsx)(nu, {
+      return (0, t.jsx)(Cu, {
         element: e,
         item: n,
-        messages: r,
-        showAnswer: i
+        locale: i,
+        messages: a,
+        showAnswer: o
       });
     case "fill":
-      return (0, t.jsx)(ql, {
+      return (0, t.jsx)(hu, {
         item: n,
-        messages: r,
-        showAnswer: i
+        locale: i,
+        messages: a,
+        showAnswer: o
       });
     case "inlineFill":
-      return (0, t.jsx)(Xl, {
+      return (0, t.jsx)(vu, {
         element: e,
         item: n,
-        messages: r,
-        showAnswer: i
+        locale: i,
+        messages: a,
+        showAnswer: o
       });
     case "wordBuilder":
-      return (0, t.jsx)(iu, {
+      return (0, t.jsx)(Eu, {
         element: e,
         item: n,
-        messages: r,
-        showAnswer: i
+        locale: i,
+        messages: a,
+        showAnswer: o
       });
     case "judgement":
-      return (0, t.jsx)(Ql, {
+      return (0, t.jsx)(bu, {
         element: e,
         item: n,
-        messages: r,
-        showAnswer: i
+        stem: r,
+        messages: a,
+        showAnswer: o
       });
     case "lineConnect":
-      return (0, t.jsx)($l, {
+      return (0, t.jsx)(xu, {
         item: n,
-        messages: r,
-        showAnswer: i
+        messages: a,
+        showAnswer: o
       });
     case "matching":
-      return (0, t.jsx)(tu, {
+      return (0, t.jsx)(Su, {
         item: n,
-        messages: r,
-        showAnswer: i
+        messages: a,
+        showAnswer: o
       });
   }
 }
-var X = {
+var ku = (0, n.createContext)({
   root: "_root_13x11_1",
   empty: "_empty_13x11_17",
   "element-list": "_element-list_13x11_29",
@@ -10187,140 +10519,291 @@ var X = {
   element: "_element_13x11_29",
   extra: "_extra_13x11_40",
   child: "_child_13x11_30"
-};
-function su(_ref166) {
-  var _ref166$childIndexPat = _ref166.childIndexPath,
-    e = _ref166$childIndexPat === void 0 ? [] : _ref166$childIndexPat,
-    n = _ref166.messages,
-    r = _ref166.renderChild,
-    i = _ref166.rootQuestionNumber,
-    a = _ref166.value;
+});
+function Au() {
+  return (0, n.useContext)(ku);
+}
+function ju(_ref167) {
+  var _ref167$childIndexPat = _ref167.childIndexPath,
+    e = _ref167$childIndexPat === void 0 ? [] : _ref167$childIndexPat,
+    n = _ref167.messages,
+    r = _ref167.renderChild,
+    i = _ref167.rootQuestionNumber,
+    a = _ref167.value;
+  var o = Au();
   return a.children.length === 0 ? (0, t.jsx)("div", {
-    className: X.empty,
+    className: o.empty,
     children: n.previewEmpty
   }) : (0, t.jsx)("div", {
-    className: X.children,
-    children: a.children.map(function (n, o) {
-      var s = [].concat(_toConsumableArray(e), [o]),
-        c = Oo(s, a.children.length, i);
+    className: o.children,
+    children: a.children.map(function (n, s) {
+      var c = [].concat(_toConsumableArray(e), [s]),
+        l = Oo(c, a.children.length, i);
       return (0, t.jsx)("section", {
-        className: X.child,
+        className: o.child,
         children: (0, t.jsx)(Ao, {
           indented: !0,
-          number: c,
-          children: r(n, s)
+          number: l,
+          children: r(n, c)
         })
-      }, n.id || o);
+      }, n.id || s);
     })
   });
 }
-var cu = ["locale"];
-function lu(e) {
+var Mu = ["locale"];
+function Nu(e) {
   var _e$locale2 = e.locale,
     n = _e$locale2 === void 0 ? "zh-CN" : _e$locale2,
-    r = ma(e, cu),
+    r = ma(e, Mu),
     i = us(r.value, r.questionTypeTemplates);
-  return (0, t.jsx)(uu, C(C({}, r), {}, {
+  return (0, t.jsx)(Pu, C(C({}, r), {}, {
     childIndexPath: [],
+    locale: n,
     messages: bc(n),
     value: i
   }));
 }
-function uu(_ref167) {
-  var e = _ref167.childIndexPath,
-    n = _ref167.className,
-    r = _ref167.messages,
-    i = _ref167.rootQuestionNumber,
-    _ref167$showAnswer = _ref167.showAnswer,
-    a = _ref167$showAnswer === void 0 ? !1 : _ref167$showAnswer,
-    _ref167$showExtraAttr = _ref167.showExtraAttributes,
-    o = _ref167$showExtraAttr === void 0 ? !1 : _ref167$showExtraAttr,
-    s = _ref167.questionTypeTemplates,
-    c = _ref167.value;
-  var l = Zi(s, c);
-  if (!l) return (0, t.jsx)("div", {
-    className: H(X.root, n),
+function Pu(_ref168) {
+  var e = _ref168.childIndexPath,
+    n = _ref168.className,
+    r = _ref168.locale,
+    i = _ref168.messages,
+    a = _ref168.presentation,
+    o = _ref168.rootQuestionNumber,
+    _ref168$showAnswer = _ref168.showAnswer,
+    s = _ref168$showAnswer === void 0 ? !1 : _ref168$showAnswer,
+    _ref168$showExtraAttr = _ref168.showExtraAttributes,
+    c = _ref168$showExtraAttr === void 0 ? !1 : _ref168$showExtraAttr,
+    l = _ref168.questionTypeTemplates,
+    u = _ref168.value;
+  var d = Au(),
+    f = Zi(l, u);
+  if (!f) return (0, t.jsx)("div", {
+    className: H(d.root, n),
+    "data-locale": r,
+    "data-question-presentation": a,
     children: (0, t.jsx)("div", {
-      className: X.empty,
-      children: r.missingQuestionTypeTemplate
+      className: d.empty,
+      children: i.missingQuestionTypeTemplate
     })
   });
-  var u = l.elements.length === 0 ? null : (0, t.jsx)("div", {
-      className: X["element-list"],
-      children: l.elements.map(function (e, n) {
-        var i = Yt(c, n, e);
+  var p = f.elements.length === 0 ? null : (0, t.jsx)("div", {
+      className: d["element-list"],
+      children: f.elements.map(function (e, n) {
+        var o;
+        if (a === "print" && e.type === "richText" && ((o = Iu(f.elements, n + 1)) == null ? void 0 : o.type) === "judgement") return null;
+        var c = Yt(u, n, e),
+          l = a === "print" ? Fu(f, u, n) : void 0;
         return (0, t.jsx)("section", {
-          className: X.element,
-          children: (0, t.jsx)(au, {
+          className: d.element,
+          children: (0, t.jsx)(Du, {
             element: e,
-            item: i,
-            messages: r,
-            showAnswer: a && l.hasAnswer
+            item: c,
+            judgementStem: l,
+            locale: r,
+            messages: i,
+            showAnswer: s && f.hasAnswer
           })
         }, "".concat(e.type, "-").concat(n));
       })
     }),
-    d = o ? (0, t.jsx)("div", {
-      className: X["element-list"],
-      children: l.extras.map(function (e, n) {
-        var i = Xt(c, n, e);
-        return A(i.content) ? null : (0, t.jsxs)("section", {
-          className: X.extra,
-          children: [(0, t.jsx)(Ac, {
+    m = c ? (0, t.jsx)("div", {
+      className: d["element-list"],
+      children: f.extras.map(function (e, n) {
+        var a = Xt(u, n, e);
+        return A(a.content) ? null : (0, t.jsxs)("section", {
+          className: d.extra,
+          children: [(0, t.jsx)(Fc, {
             children: e.name
-          }), (0, t.jsx)(au, {
-            element: fu(e),
-            item: pu(i),
-            messages: r,
+          }), (0, t.jsx)(Du, {
+            element: Ru(e),
+            item: zu(a),
+            locale: r,
+            messages: i,
             showAnswer: !1
           })]
         }, "".concat(e.type, "-").concat(n));
       })
     }) : null,
-    f = (0, t.jsxs)(t.Fragment, {
-      children: [u, c.children.length === 0 ? null : (0, t.jsx)(su, {
-        childIndexPath: e,
-        messages: r,
-        renderChild: function renderChild(e, n) {
-          return (0, t.jsx)(uu, {
-            childIndexPath: n,
-            messages: r,
-            rootQuestionNumber: i,
-            showAnswer: a,
-            showExtraAttributes: o,
-            questionTypeTemplates: s,
-            value: e
-          });
-        },
-        rootQuestionNumber: i,
-        value: c
-      }), d]
+    h = u.children.length === 0 ? null : (0, t.jsx)(ju, {
+      childIndexPath: e,
+      messages: i,
+      renderChild: function renderChild(e, n) {
+        return (0, t.jsx)(Pu, {
+          childIndexPath: n,
+          locale: r,
+          messages: i,
+          presentation: a,
+          rootQuestionNumber: o,
+          showAnswer: s,
+          showExtraAttributes: c,
+          questionTypeTemplates: l,
+          value: e
+        });
+      },
+      rootQuestionNumber: o,
+      value: u
     });
   return (0, t.jsx)("div", {
-    className: H(X.root, n),
-    children: du(l, c) ? (0, t.jsx)("div", {
-      className: X.empty,
-      children: r.previewEmpty
-    }) : f
+    className: H(d.root, n),
+    "data-locale": r,
+    "data-question-presentation": a,
+    children: Lu(f, u) ? (0, t.jsx)("div", {
+      className: d.empty,
+      children: i.previewEmpty
+    }) : (0, t.jsxs)(t.Fragment, {
+      children: [p, h, m]
+    })
   });
 }
-function du(e, t) {
+function Fu(e, t, n) {
+  var r = Iu(e.elements, n),
+    i = Iu(e.elements, n - 1);
+  if (!((r == null ? void 0 : r.type) !== "judgement" || (i == null ? void 0 : i.type) !== "richText")) return Yt(t, n - 1, i).content;
+}
+function Iu(e, t) {
+  return t >= 0 ? e.slice(t, t + 1)[0] : void 0;
+}
+function Lu(e, t) {
   return t.elements.length === 0 && t.extras.length === 0 && t.children.length === 0;
 }
-function fu(e) {
+function Ru(e) {
   return {
     config: {},
     name: e.name,
     type: "richText"
   };
 }
-function pu(e) {
+function zu(e) {
   return {
     content: e.content,
     type: "richText"
   };
 }
-var mu = {
+function Bu(e) {
+  return (0, t.jsx)(Nu, C(C({}, e), {}, {
+    presentation: "preview"
+  }));
+}
+var Vu = {
+    "answer-panel": "_answer-panel_1tus4_1",
+    "answer-list": "_answer-list_1tus4_10",
+    "answer-row": "_answer-row_1tus4_27",
+    "answer-marker": "_answer-marker_1tus4_35",
+    "answer-marker-only": "_answer-marker-only_1tus4_43",
+    "answer-content-list": "_answer-content-list_1tus4_47",
+    "answer-value": "_answer-value_1tus4_56"
+  },
+  Hu = {
+    "blank-list": "_blank-list_1e7l0_1",
+    "blank-item": "_blank-item_1e7l0_11",
+    "blank-field": "_blank-field_1e7l0_17"
+  },
+  Uu = {
+    board: "_board_s95se_1",
+    pool: "_pool_s95se_6",
+    zones: "_zones_s95se_13",
+    zone: "_zone_s95se_13",
+    "zone-title": "_zone-title_s95se_28",
+    item: "_item_s95se_35",
+    empty: "_empty_s95se_41"
+  },
+  Wu = {
+    board: "_board_1cujb_1",
+    columns: "_columns_1cujb_7",
+    "column-title": "_column-title_1cujb_13"
+  },
+  Gu = {
+    board: "_board_1nfae_1",
+    columns: "_columns_1nfae_6"
+  },
+  Ku = {
+    media: "_media_a9b7d_1",
+    "math-inline": "_math-inline_a9b7d_9"
+  },
+  qu = {
+    "rich-content": "_rich-content_1w02n_1",
+    element: "_element_1w02n_64",
+    "option-list": "_option-list_1w02n_66",
+    "candidate-list": "_candidate-list_1w02n_66",
+    "judgement-list": "_judgement-list_1w02n_66",
+    "candidate-item": "_candidate-item_1w02n_77",
+    "judgement-row": "_judgement-row_1w02n_80",
+    "judgement-placeholder": "_judgement-placeholder_1w02n_88",
+    "option-item": "_option-item_1w02n_95",
+    "judgement-item": "_judgement-item_1w02n_97",
+    marker: "_marker_1w02n_111",
+    "labeled-column": "_labeled-column_1w02n_118",
+    "labeled-item": "_labeled-item_1w02n_124",
+    "labeled-marker": "_labeled-marker_1w02n_132",
+    "candidate-section": "_candidate-section_1w02n_142",
+    "section-title": "_section-title_1w02n_149",
+    "word-builder-blank": "_word-builder-blank_1w02n_155",
+    "word-builder-candidate-list": "_word-builder-candidate-list_1w02n_169"
+  },
+  Ju = {
+    title: "_title_uqy9p_1"
+  },
+  Yu = {
+    "table-wrap": "_table-wrap_1pmla_1",
+    table: "_table_1pmla_1",
+    "table-option-column": "_table-option-column_1pmla_13",
+    "table-option-marker": "_table-option-marker_1pmla_32"
+  },
+  Xu = {
+    content: "_content_1gnvb_1",
+    paragraph: "_paragraph_1gnvb_10",
+    marker: "_marker_1gnvb_14",
+    "marker-button": "_marker-button_1gnvb_21",
+    "marker-selected": "_marker-selected_1gnvb_30",
+    "marker-answer": "_marker-answer_1gnvb_31"
+  },
+  Zu = {
+    placeholder: "_placeholder_np8ps_1"
+  },
+  Qu = {
+    column: qu["labeled-column"],
+    item: qu["labeled-item"],
+    marker: qu["labeled-marker"]
+  },
+  $u = {
+    answer: Vu,
+    blankGroup: Hu,
+    classification: Uu,
+    lineConnect: C(C({}, Wu), Qu),
+    matching: C(C({}, Gu), Qu),
+    renderer: C(C({}, qu), {}, {
+      "rich-content": "".concat(qu["rich-content"], " ").concat(Ku.media)
+    }),
+    sectionTitle: Ju,
+    table: Yu,
+    textMarker: Xu,
+    textResponse: Zu
+  },
+  ed = {
+    root: "_root_1mvma_1",
+    empty: "_empty_1mvma_21",
+    "element-list": "_element-list_1mvma_29",
+    children: "_children_1mvma_30",
+    element: "_element_1mvma_29",
+    extra: "_extra_1mvma_36",
+    child: "_child_1mvma_30"
+  };
+function td(e) {
+  return (0, t.jsx)(Yc.Provider, {
+    value: Jc,
+    children: (0, t.jsx)(Pc.Provider, {
+      value: $u,
+      children: (0, t.jsx)(ku.Provider, {
+        value: ed,
+        children: (0, t.jsx)(Nu, C(C({}, e), {}, {
+          presentation: "print"
+        }))
+      })
+    })
+  });
+}
+var nd = {
     root: "_root_17bqr_1",
     toolbar: "_toolbar_17bqr_26",
     "toolbar-title": "_toolbar-title_17bqr_36",
@@ -10375,7 +10858,7 @@ var mu = {
     "palette-section-title": "_palette-section-title_vhj2r_62",
     "palette-button": "_palette-button_vhj2r_70"
   },
-  hu = {
+  rd = {
     "en-US": {
       addElement: "Add element",
       addExtra: "Add extra attribute",
@@ -10509,26 +10992,26 @@ var mu = {
       wordBuilderLabel: "\u7EC4\u8BCD\u62FC\u5199"
     }
   };
-function gu(e, t) {
+function id(e, t) {
   var n;
   return (n = e.extraDescriptions.get(t)) == null ? t : n;
 }
-function _u(e, t) {
+function ad(e, t) {
   var n;
   return (n = e.extraLabels.get(t)) == null ? t : n;
 }
-function vu(e) {
+function od(e) {
   switch (e) {
     case "en-US":
-      return hu["en-US"];
+      return rd["en-US"];
     case "zh-CN":
-      return hu["zh-CN"];
+      return rd["zh-CN"];
   }
 }
-function yu(e, t) {
-  return t === "richText" ? e.richTextDescription : t === "ordering" ? e.orderingDescription : Su(e, t);
+function sd(e, t) {
+  return t === "richText" ? e.richTextDescription : t === "ordering" ? e.orderingDescription : ud(e, t);
 }
-var bu = {
+var cd = {
     choice: function choice(e) {
       return e.optionGroupDescription;
     },
@@ -10560,7 +11043,7 @@ var bu = {
       return e.wordBuilderDescription;
     }
   },
-  xu = {
+  ld = {
     choice: function choice(e) {
       return e.optionGroupLabel;
     },
@@ -10592,40 +11075,40 @@ var bu = {
       return e.wordBuilderLabel;
     }
   };
-function Su(e, t) {
-  return bu[t](e);
+function ud(e, t) {
+  return cd[t](e);
 }
-function Cu(e, t) {
-  return t === "richText" ? e.richTextLabel : t === "ordering" ? e.orderingLabel : wu(e, t);
+function dd(e, t) {
+  return t === "richText" ? e.richTextLabel : t === "ordering" ? e.orderingLabel : fd(e, t);
 }
-function wu(e, t) {
-  return xu[t](e);
+function fd(e, t) {
+  return ld[t](e);
 }
-function Tu(e, t) {
+function pd(e, t) {
   var n;
   return (n = e.optionValueLabels.get(t)) == null ? t : n;
 }
-function Eu(e, t) {
+function md(e, t) {
   var n;
   return (n = e.candidateModeValueLabels.get(t)) == null ? t : n;
 }
-function Du(e, t) {
+function hd(e, t) {
   var n;
   return (n = e.lineConnectLabelStyleLabels.get(t)) == null ? t : n;
 }
-function Ou(_ref168) {
-  var e = _ref168.elements,
-    r = _ref168.extras,
-    i = _ref168.labels,
-    a = _ref168.onDeleteElement,
-    o = _ref168.onDeleteExtra,
-    s = _ref168.onMoveElement,
-    c = _ref168.onSelectElement,
-    l = _ref168.selectedElementClientId;
-  var _ref169 = (0, n.useState)(null),
-    _ref170 = _slicedToArray(_ref169, 2),
-    u = _ref170[0],
-    d = _ref170[1];
+function gd(_ref169) {
+  var e = _ref169.elements,
+    r = _ref169.extras,
+    i = _ref169.labels,
+    a = _ref169.onDeleteElement,
+    o = _ref169.onDeleteExtra,
+    s = _ref169.onMoveElement,
+    c = _ref169.onSelectElement,
+    l = _ref169.selectedElementClientId;
+  var _ref170 = (0, n.useState)(null),
+    _ref171 = _slicedToArray(_ref170, 2),
+    u = _ref171[0],
+    d = _ref171[1];
   return (0, t.jsxs)("section", {
     className: Q.panel,
     children: [(0, t.jsxs)("div", {
@@ -10644,7 +11127,7 @@ function Ou(_ref168) {
       className: Z["element-list"],
       children: [e.map(function (n, r) {
         var o = n.clientId === l,
-          f = Cu(i, n.type);
+          f = dd(i, n.type);
         return (0, t.jsxs)("div", {
           className: "".concat(Z["element-card"], " ").concat(o ? Z.active : ""),
           onClick: function onClick() {
@@ -10713,7 +11196,7 @@ function Ou(_ref168) {
         children: i.extraTitle
       }) : null, r.map(function (n, r) {
         var a = n.clientId === l,
-          s = _u(i, n.type);
+          s = ad(i, n.type);
         return (0, t.jsxs)("div", {
           className: "".concat(Z["element-card"], " ").concat(a ? Z.active : ""),
           onClick: function onClick() {
@@ -10765,11 +11248,11 @@ function Ou(_ref168) {
     })]
   });
 }
-function ku(_ref171) {
-  var e = _ref171.addedExtraTypes,
-    n = _ref171.labels,
-    r = _ref171.onAddElement,
-    i = _ref171.onAddExtra;
+function _d(_ref172) {
+  var e = _ref172.addedExtraTypes,
+    n = _ref172.labels,
+    r = _ref172.onAddElement,
+    i = _ref172.onAddExtra;
   var a = new Set(e);
   return (0, t.jsxs)("aside", {
     className: Q.panel,
@@ -10783,16 +11266,16 @@ function ku(_ref171) {
       className: Q.palette,
       children: ee.map(function (e) {
         return (0, t.jsxs)("button", {
-          "aria-label": "".concat(n.addElement, ": ").concat(Cu(n, e)),
+          "aria-label": "".concat(n.addElement, ": ").concat(dd(n, e)),
           className: Q["palette-button"],
           onClick: function onClick() {
             return r(e);
           },
           type: "button",
           children: [(0, t.jsx)("strong", {
-            children: Cu(n, e)
+            children: dd(n, e)
           }), (0, t.jsx)("small", {
-            children: yu(n, e)
+            children: sd(n, e)
           })]
         }, e);
       })
@@ -10806,7 +11289,7 @@ function ku(_ref171) {
         children: w.map(function (e) {
           var r = a.has(e);
           return (0, t.jsxs)("button", {
-            "aria-label": "".concat(n.addExtra, ": ").concat(_u(n, e)),
+            "aria-label": "".concat(n.addExtra, ": ").concat(ad(n, e)),
             className: Q["palette-button"],
             disabled: r,
             onClick: function onClick() {
@@ -10814,9 +11297,9 @@ function ku(_ref171) {
             },
             type: "button",
             children: [(0, t.jsx)("strong", {
-              children: _u(n, e)
+              children: ad(n, e)
             }), (0, t.jsx)("small", {
-              children: gu(n, e)
+              children: id(n, e)
             })]
           }, e);
         })
@@ -10834,26 +11317,26 @@ var $ = {
     textarea: "_textarea_tgswd_28",
     empty: "_empty_tgswd_61"
   },
-  Au = ["none", "sharedPool", "perBlankOptions"],
-  ju = ["upperAlpha", "lowerAlpha", "number"],
-  Mu = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"],
-  Nu = [2, 3, 4, 5],
-  Pu = ["standard", "table"],
-  Fu = ["single", "multiple"],
-  Iu = ["spelling", "sentence"],
-  Lu = ["correctWrong", "yesNo", "validInvalid", "tf", "rightWrong", "checkCross"];
-function Ru(_ref172) {
-  var e = _ref172.description,
-    n = _ref172.globalConfig,
-    r = _ref172.isSubjective,
-    i = _ref172.labels,
-    a = _ref172.onElementChange,
-    o = _ref172.onExtraChange,
-    s = _ref172.onGlobalConfigChange,
-    c = _ref172.onMetadataChange,
-    l = _ref172.selectedExtra,
-    u = _ref172.selectedElement;
-  var d = zu({
+  vd = ["none", "sharedPool", "perBlankOptions"],
+  yd = ["upperAlpha", "lowerAlpha", "number"],
+  bd = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"],
+  xd = [2, 3, 4, 5],
+  Sd = ["standard", "table"],
+  Cd = ["single", "multiple"],
+  wd = ["spelling", "sentence"],
+  Td = ["correctWrong", "yesNo", "validInvalid", "tf", "rightWrong", "checkCross"];
+function Ed(_ref173) {
+  var e = _ref173.description,
+    n = _ref173.globalConfig,
+    r = _ref173.isSubjective,
+    i = _ref173.labels,
+    a = _ref173.onElementChange,
+    o = _ref173.onExtraChange,
+    s = _ref173.onGlobalConfigChange,
+    c = _ref173.onMetadataChange,
+    l = _ref173.selectedExtra,
+    u = _ref173.selectedElement;
+  var d = Dd({
     labels: i,
     onElementChange: a,
     onExtraChange: o,
@@ -10964,12 +11447,12 @@ function Ru(_ref172) {
     })]
   });
 }
-function zu(_ref173) {
-  var e = _ref173.labels,
-    n = _ref173.onElementChange,
-    r = _ref173.onExtraChange,
-    i = _ref173.selectedElement,
-    a = _ref173.selectedExtra;
+function Dd(_ref174) {
+  var e = _ref174.labels,
+    n = _ref174.onElementChange,
+    r = _ref174.onExtraChange,
+    i = _ref174.selectedElement,
+    a = _ref174.selectedExtra;
   return i ? (0, t.jsxs)("div", {
     className: $["form-stack"],
     children: [(0, t.jsxs)("label", {
@@ -10998,7 +11481,7 @@ function zu(_ref173) {
         },
         value: i.enName
       })]
-    }), Bu(i, e, n)]
+    }), Od(i, e, n)]
   }) : a ? (0, t.jsxs)("div", {
     className: $["form-stack"],
     children: [(0, t.jsxs)("label", {
@@ -11033,10 +11516,10 @@ function zu(_ref173) {
     children: e.noElement
   });
 }
-function Bu(e, t, n) {
-  return e.type === "fill" || e.type === "classification" || e.type === "ordering" || e.type === "richText" || e.type === "textMarker" || e.type === "textResponse" ? null : Vu(e, t, n);
+function Od(e, t, n) {
+  return e.type === "fill" || e.type === "classification" || e.type === "ordering" || e.type === "richText" || e.type === "textMarker" || e.type === "textResponse" ? null : kd(e, t, n);
 }
-function Vu(e, n, r) {
+function kd(e, n, r) {
   switch (e.type) {
     case "inlineFill":
       return (0, t.jsxs)(t.Fragment, {
@@ -11054,10 +11537,10 @@ function Vu(e, n, r) {
               }));
             },
             value: e.config.candidateMode,
-            children: Au.map(function (e) {
+            children: vd.map(function (e) {
               return (0, t.jsx)("option", {
                 value: e,
-                children: Eu(n, e)
+                children: md(n, e)
               }, e);
             })
           })]
@@ -11093,10 +11576,10 @@ function Vu(e, n, r) {
             }));
           },
           value: e.config.builderMode,
-          children: Iu.map(function (e) {
+          children: wd.map(function (e) {
             return (0, t.jsx)("option", {
               value: e,
-              children: Tu(n, e)
+              children: pd(n, e)
             }, e);
           })
         })]
@@ -11116,23 +11599,23 @@ function Vu(e, n, r) {
             }));
           },
           value: e.config.judgeAnswerMode,
-          children: Lu.map(function (e) {
+          children: Td.map(function (e) {
             return (0, t.jsx)("option", {
               value: e,
-              children: Tu(n, e)
+              children: pd(n, e)
             }, e);
           })
         })]
       });
     case "choice":
-      return Hu(e, n, r);
+      return Ad(e, n, r);
     case "lineConnect":
-      return Uu(e, n, r);
+      return jd(e, n, r);
     case "matching":
-      return Wu(e, n, r);
+      return Md(e, n, r);
   }
 }
-function Hu(e, n, r) {
+function Ad(e, n, r) {
   return (0, t.jsxs)(t.Fragment, {
     children: [(0, t.jsxs)("label", {
       className: $["form-row"],
@@ -11148,10 +11631,10 @@ function Hu(e, n, r) {
           }));
         },
         value: e.config.selectionType,
-        children: Fu.map(function (e) {
+        children: Cd.map(function (e) {
           return (0, t.jsx)("option", {
             value: e,
-            children: Tu(n, e)
+            children: pd(n, e)
           }, e);
         })
       })]
@@ -11169,10 +11652,10 @@ function Hu(e, n, r) {
           }));
         },
         value: e.config.optionLabelStyle,
-        children: ju.map(function (e) {
+        children: yd.map(function (e) {
           return (0, t.jsx)("option", {
             value: e,
-            children: Tu(n, e)
+            children: pd(n, e)
           }, e);
         })
       })]
@@ -11190,18 +11673,18 @@ function Hu(e, n, r) {
           }));
         },
         value: e.config.renderer,
-        children: Pu.map(function (e) {
+        children: Sd.map(function (e) {
           return (0, t.jsx)("option", {
             value: e,
-            children: Tu(n, e)
+            children: pd(n, e)
           }, e);
         })
       })]
     })]
   });
 }
-function Uu(e, n, r) {
-  var i = Gu(e.config.columns);
+function jd(e, n, r) {
+  var i = Nd(e.config.columns);
   return (0, t.jsxs)(t.Fragment, {
     children: [(0, t.jsxs)("label", {
       className: $["form-row"],
@@ -11212,12 +11695,12 @@ function Uu(e, n, r) {
         onChange: function onChange(t) {
           return r(C(C({}, e), {}, {
             config: {
-              columns: qu(i, Number(t.target.value))
+              columns: Fd(i, Number(t.target.value))
             }
           }));
         },
         value: i.length,
-        children: Nu.map(function (e) {
+        children: xd.map(function (e) {
           return (0, t.jsx)("option", {
             value: e,
             children: e
@@ -11243,10 +11726,10 @@ function Uu(e, n, r) {
             }));
           },
           value: a.labelStyle,
-          children: Mu.map(function (e) {
+          children: bd.map(function (e) {
             return (0, t.jsx)("option", {
               value: e,
-              children: Du(n, e)
+              children: hd(n, e)
             }, e);
           })
         })]
@@ -11254,8 +11737,8 @@ function Uu(e, n, r) {
     })]
   });
 }
-function Wu(e, n, r) {
-  var i = Ku(e.config.columns);
+function Md(e, n, r) {
+  var i = Pd(e.config.columns);
   return (0, t.jsx)(t.Fragment, {
     children: i.map(function (a, o) {
       return (0, t.jsxs)("label", {
@@ -11276,10 +11759,10 @@ function Wu(e, n, r) {
             }));
           },
           value: a.labelStyle,
-          children: Mu.map(function (e) {
+          children: bd.map(function (e) {
             return (0, t.jsx)("option", {
               value: e,
-              children: Du(n, e)
+              children: hd(n, e)
             }, e);
           })
         })]
@@ -11287,46 +11770,46 @@ function Wu(e, n, r) {
     })
   });
 }
-function Gu(e) {
+function Nd(e) {
   var t = e.slice(0, 5);
-  return t.length >= 2 ? t : [].concat(_toConsumableArray(t), _toConsumableArray(Mu.slice(t.length, 2).map(function (e) {
+  return t.length >= 2 ? t : [].concat(_toConsumableArray(t), _toConsumableArray(bd.slice(t.length, 2).map(function (e) {
     return {
       labelStyle: e
     };
   })));
 }
-function Ku(e) {
+function Pd(e) {
   var t = e.slice(0, 2);
-  return t.length >= 2 ? t : [].concat(_toConsumableArray(t), _toConsumableArray(Mu.slice(t.length, 2).map(function (e) {
+  return t.length >= 2 ? t : [].concat(_toConsumableArray(t), _toConsumableArray(bd.slice(t.length, 2).map(function (e) {
     return {
       labelStyle: e
     };
   })));
 }
-function qu(e, t) {
+function Fd(e, t) {
   return Array.from({
     length: Math.min(5, Math.max(2, t))
   }, function (t, n) {
     var r, i;
     return (r = e.slice(n, n + 1)[0]) == null ? {
-      labelStyle: (i = Mu[n]) == null ? "number" : i
+      labelStyle: (i = bd[n]) == null ? "number" : i
     } : r;
   });
 }
-function Ju(_ref174) {
-  var _ref174$locale = _ref174.locale,
-    e = _ref174$locale === void 0 ? "zh-CN" : _ref174$locale,
-    r = _ref174.onChange,
-    i = _ref174.value;
+function Id(_ref175) {
+  var _ref175$locale = _ref175.locale,
+    e = _ref175$locale === void 0 ? "zh-CN" : _ref175$locale,
+    r = _ref175.onChange,
+    i = _ref175.value;
   var a, o, s, c;
-  var l = vu(e),
-    _ref175 = (0, n.useState)((a = (o = i.elements[0]) == null ? void 0 : o.clientId) == null ? null : a),
-    _ref176 = _slicedToArray(_ref175, 2),
-    u = _ref176[0],
-    d = _ref176[1],
-    _Yu = Yu(i, u),
-    f = _Yu.selectedElement,
-    p = _Yu.selectedExtra;
+  var l = od(e),
+    _ref176 = (0, n.useState)((a = (o = i.elements[0]) == null ? void 0 : o.clientId) == null ? null : a),
+    _ref177 = _slicedToArray(_ref176, 2),
+    u = _ref177[0],
+    d = _ref177[1],
+    _Ld = Ld(i, u),
+    f = _Ld.selectedElement,
+    p = _Ld.selectedExtra;
   function m(e) {
     var t = oe(e, i.elements);
     r(C(C({}, i), {}, {
@@ -11344,11 +11827,11 @@ function Ju(_ref174) {
   }
   function g(e) {
     var t = ue(i, e);
-    r(t), d(Xu(t));
+    r(t), d(Rd(t));
   }
   function _(e) {
     var t = le(i, e);
-    r(t), d(Xu(t));
+    r(t), d(Rd(t));
   }
   function v(e) {
     r(pe(i, e.clientId, e));
@@ -11363,19 +11846,19 @@ function Ju(_ref174) {
     r(he(i, e));
   }
   return (0, t.jsx)("section", {
-    className: mu.root,
+    className: nd.root,
     children: (0, t.jsx)("div", {
       className: Q.shell,
       children: (0, t.jsxs)("div", {
         className: Q.grid,
-        children: [(0, t.jsx)(ku, {
+        children: [(0, t.jsx)(_d, {
           addedExtraTypes: i.extras.map(function (e) {
             return e.type;
           }),
           labels: l,
           onAddElement: m,
           onAddExtra: h
-        }), (0, t.jsx)(Ou, {
+        }), (0, t.jsx)(gd, {
           elements: i.elements,
           extras: i.extras,
           labels: l,
@@ -11386,7 +11869,7 @@ function Ju(_ref174) {
           },
           onSelectElement: d,
           selectedElementClientId: (s = (c = f == null ? void 0 : f.clientId) == null ? p == null ? void 0 : p.clientId : c) == null ? null : s
-        }), (0, t.jsx)(Ru, {
+        }), (0, t.jsx)(Ed, {
           description: i.description,
           globalConfig: i.globalConfig,
           isSubjective: i.isSubjective,
@@ -11402,7 +11885,7 @@ function Ju(_ref174) {
     })
   });
 }
-function Yu(e, t) {
+function Ld(e, t) {
   var n, r, i, a;
   var o = (n = e.elements.find(function (e) {
       return e.clientId === t;
@@ -11418,8 +11901,8 @@ function Yu(e, t) {
     selectedExtra: e.elements[0] || (a = e.extras[0]) == null ? null : a
   };
 }
-function Xu(e) {
+function Rd(e) {
   var t, n, r, i;
   return (t = (n = (r = e.elements[0]) == null ? void 0 : r.clientId) == null ? (i = e.extras[0]) == null ? void 0 : i.clientId : n) == null ? null : t;
 }
-exports.QuestionContentEditor = qo, exports.QuestionPlayer = Ll, exports.QuestionPreview = lu, exports.QuestionRichContentView = G, exports.QuestionStructureEditor = Ju, exports.addBlankToGroup = Fn, exports.alignQuestionContentDraftWithStructure = ln, exports.assignBlankToAnswerGroup = Rn, exports.cn = Ba, exports.createBlankAnswerGroupWithBlank = zn, exports.createEmptyQuestionContentDraft = zt, exports.createEmptyQuestionPlayerResponse = Fs, exports.createEmptyQuestionStructureDraft = ie, exports.createQuestionContentDraftFromSerialized = cn, exports.createQuestionContentId = g, exports.createQuestionContentStructureFromDraft = Xo, exports.createQuestionPreviewDraft = Zo, exports.createQuestionStructureElement = oe, exports.createQuestionStructureExtra = ae, exports.createRichContentValue = O, exports.createRichContentValueFromDocument = Wt, exports.createRichTextContent = Te, exports.deleteBlankFromGroup = In, exports.deleteQuestionStructureElement = ue, exports.deleteQuestionStructureExtra = le, exports.detachBlankFromAnswerGroup = Bn, exports.findQuestionContentQuestionTypeStructure = Yi, exports.findQuestionContentQuestionTypeTemplate = $i, exports.getQuestionContentJudgementOptions = en, exports.getQuestionContentOptionMarker = Zt, exports.getQuestionContentTextMarkerAnswerText = qt, exports.getQuestionStructureDraftChangeKind = $o, exports.getQuestionStructureElementDefaultEnName = D, exports.getQuestionStructureElementDefaultName = E, exports.getQuestionStructureExtraDefaultEnName = _e, exports.getQuestionStructureExtraDefaultName = ge, exports.getRichContentDocument = Jt, exports.getSharedBlankAnswerGroups = Ln, exports.isCompositeQuestionContentStructure = Rt, exports.isQuestionContentDraftEmpty = on, exports.moveQuestionStructureElement = de, exports.normalizeFillTextCandidateState = vn, exports.normalizeRichTextContent = Ee, exports.questionStructureElementTypes = ee, exports.questionStructureExtraTypes = w, exports.reconcileQuestionContentDraftWithTemplates = ea, exports.serializeQuestionContentDraft = sn, exports.serializeQuestionStructureDraft = Qo, exports.updateQuestionStructureElement = pe, exports.updateQuestionStructureExtra = fe, exports.updateQuestionStructureGlobalConfig = me, exports.updateQuestionStructureMetadata = he;
+exports.QuestionContentEditor = qo, exports.QuestionPlayer = nu, exports.QuestionPreview = Bu, exports.QuestionPrintPreview = td, exports.QuestionRichContentView = q, exports.QuestionStructureEditor = Id, exports.addBlankToGroup = Fn, exports.alignQuestionContentDraftWithStructure = ln, exports.assignBlankToAnswerGroup = Rn, exports.cn = Ba, exports.createBlankAnswerGroupWithBlank = zn, exports.createEmptyQuestionContentDraft = zt, exports.createEmptyQuestionPlayerResponse = Fs, exports.createEmptyQuestionStructureDraft = ie, exports.createQuestionContentDraftFromSerialized = cn, exports.createQuestionContentId = g, exports.createQuestionContentStructureFromDraft = Xo, exports.createQuestionPreviewDraft = Zo, exports.createQuestionStructureElement = oe, exports.createQuestionStructureExtra = ae, exports.createRichContentValue = O, exports.createRichContentValueFromDocument = Wt, exports.createRichTextContent = Te, exports.deleteBlankFromGroup = In, exports.deleteQuestionStructureElement = ue, exports.deleteQuestionStructureExtra = le, exports.detachBlankFromAnswerGroup = Bn, exports.findQuestionContentQuestionTypeStructure = Yi, exports.findQuestionContentQuestionTypeTemplate = $i, exports.getQuestionContentJudgementOptions = en, exports.getQuestionContentOptionMarker = Zt, exports.getQuestionContentTextMarkerAnswerText = qt, exports.getQuestionStructureDraftChangeKind = $o, exports.getQuestionStructureElementDefaultEnName = D, exports.getQuestionStructureElementDefaultName = E, exports.getQuestionStructureExtraDefaultEnName = _e, exports.getQuestionStructureExtraDefaultName = ge, exports.getRichContentDocument = Jt, exports.getSharedBlankAnswerGroups = Ln, exports.isCompositeQuestionContentStructure = Rt, exports.isQuestionContentDraftEmpty = on, exports.moveQuestionStructureElement = de, exports.normalizeFillTextCandidateState = vn, exports.normalizeRichTextContent = Ee, exports.questionStructureElementTypes = ee, exports.questionStructureExtraTypes = w, exports.reconcileQuestionContentDraftWithTemplates = ea, exports.serializeQuestionContentDraft = sn, exports.serializeQuestionStructureDraft = Qo, exports.updateQuestionStructureElement = pe, exports.updateQuestionStructureExtra = fe, exports.updateQuestionStructureGlobalConfig = me, exports.updateQuestionStructureMetadata = he;