@yungu-fed/question-editor 0.8.1 → 0.8.2

package/dist/index.js

@@ -2921,6 +2921,7 @@ var za = {
       audio: "\u97F3\u9891",
       video: "\u89C6\u9891",
       playVideo: "\u64AD\u653E\u89C6\u9891",
+      playAudio: "\u64AD\u653E\u97F3\u9891",
       close: "\u5173\u95ED",
       add: "\u4E0A\u4F20\u97F3\u89C6\u9891",
       uploadHint: "\u70B9\u51FB\u9009\u62E9\u6587\u4EF6\uFF0C\u652F\u6301\u540C\u65F6\u4E0A\u4F20\u591A\u4E2A\u97F3\u9891\u6216\u89C6\u9891",
@@ -2936,6 +2937,7 @@ var za = {
       audio: "Audio",
       video: "Video",
       playVideo: "Play video",
+      playAudio: "Play audio",
       close: "Close",
       add: "Upload audio/video",
       uploadHint: "Click to select files \xB7 Multiple audio and video files supported",
@@ -3698,7 +3700,7 @@ function ao(e, t) {
     });
   }, n.click();
 }
-var F = {
+var oo = {
   field: "_field_1e4cl_1",
   toolbar: "_toolbar_1e4cl_6",
   "toolbar-button": "_toolbar-button_1e4cl_10",
@@ -3706,31 +3708,31 @@ var F = {
   compact: "_compact_1e4cl_45",
   textarea: "_textarea_1e4cl_61"
 };
-function oo(_ref51) {
+function so(_ref51) {
   var e = _ref51.toolbarExtra;
   return (0, t.jsxs)("div", {
-    className: F.toolbar,
+    className: oo.toolbar,
     role: "toolbar",
     children: [(0, t.jsx)("button", {
-      className: F["toolbar-button"],
+      className: oo["toolbar-button"],
       type: "button",
       children: "B"
     }), (0, t.jsx)("button", {
-      className: F["toolbar-button"],
+      className: oo["toolbar-button"],
       type: "button",
       children: "I"
     }), (0, t.jsx)("button", {
-      className: F["toolbar-button"],
+      className: oo["toolbar-button"],
       type: "button",
       children: "U"
     }), (0, t.jsx)("button", {
-      className: F["toolbar-button"],
+      className: oo["toolbar-button"],
       type: "button",
       children: "Table"
     }), e]
   });
 }
-function so(_ref52) {
+function co(_ref52) {
   var n = _ref52.apiRef,
     r = _ref52.ariaLabel,
     _ref52$compact = _ref52.compact,
@@ -3745,18 +3747,18 @@ function so(_ref52) {
     u = _ref52$toolbarMode === void 0 ? "auto" : _ref52$toolbarMode,
     d = _ref52.uploadImage,
     f = _ref52.value;
-  var p = co({
+  var p = lo({
     hasSharedToolbar: Ra(),
     hasToolbarExtra: !!l,
     toolbarMode: u
   });
-  return lo() ? (0, t.jsxs)("div", {
-    className: uo(i),
-    children: [(0, t.jsx)(oo, {
+  return uo() ? (0, t.jsxs)("div", {
+    className: fo(i),
+    children: [(0, t.jsx)(so, {
       toolbarExtra: l
     }), (0, t.jsx)("textarea", {
       "aria-label": r,
-      className: "".concat(F.textarea, " rich-content-editor-surface"),
+      className: "".concat(oo.textarea, " rich-content-editor-surface"),
       onChange: function onChange(e) {
         return a(qe(e.target.value));
       },
@@ -3764,8 +3766,8 @@ function so(_ref52) {
       value: f.text
     })]
   }) : p ? (0, t.jsx)("div", {
-    className: uo(i),
-    children: po({
+    className: fo(i),
+    children: mo({
       apiRef: n,
       ariaLabel: r,
       compact: i,
@@ -3774,7 +3776,7 @@ function so(_ref52) {
       value: f
     })
   }) : (0, t.jsx)("div", {
-    className: uo(i),
+    className: fo(i),
     children: (0, t.jsxs)(e.RichTextEditor.Root, {
       locale: o,
       plugins: c,
@@ -3809,7 +3811,7 @@ function so(_ref52) {
       }), (0, t.jsx)(e.RichTextEditor.Editor, {
         apiRef: n,
         "aria-label": r,
-        className: fo(i),
+        className: po(i),
         initialValue: f.json,
         onChange: function onChange(e) {
           return a(Je({
@@ -3821,22 +3823,22 @@ function so(_ref52) {
     })
   });
 }
-function co(_ref53) {
+function lo(_ref53) {
   var e = _ref53.hasSharedToolbar,
     t = _ref53.hasToolbarExtra,
     n = _ref53.toolbarMode;
   return n === "auto" && e && !t;
 }
-function lo() {
+function uo() {
   return (typeof navigator === "undefined" ? "undefined" : _typeof(navigator)) < "u" && navigator.userAgent.toLowerCase().includes("jsdom");
 }
-function uo(e) {
-  return e ? "".concat(F.field, " ").concat(F.compact, " rich-content-editor is-compact") : "".concat(F.field, " rich-content-editor");
-}
 function fo(e) {
-  return e ? "".concat(F.editor, " ").concat(F.compact, " rich-content-editor-surface is-compact") : "".concat(F.editor, " rich-content-editor-surface");
+  return e ? "".concat(oo.field, " ").concat(oo.compact, " rich-content-editor is-compact") : "".concat(oo.field, " rich-content-editor");
+}
+function po(e) {
+  return e ? "".concat(oo.editor, " ").concat(oo.compact, " rich-content-editor-surface is-compact") : "".concat(oo.editor, " rich-content-editor-surface");
 }
-function po(_ref54) {
+function mo(_ref54) {
   var n = _ref54.apiRef,
     r = _ref54.ariaLabel,
     i = _ref54.compact,
@@ -3846,7 +3848,7 @@ function po(_ref54) {
   return (0, t.jsx)(e.RichTextEditor.Editor, {
     apiRef: n,
     "aria-label": r,
-    className: fo(i),
+    className: po(i),
     initialValue: s.json,
     onChange: function onChange(e) {
       return a(Je({
@@ -3856,7 +3858,7 @@ function po(_ref54) {
     placeholder: o
   });
 }
-function I(_ref55) {
+function F(_ref55) {
   var e = _ref55.controls,
     n = _ref55.disabled,
     r = _ref55.editorRef,
@@ -3869,7 +3871,7 @@ function I(_ref55) {
   return (0, t.jsxs)("div", {
     "aria-disabled": n,
     className: n ? "pointer-events-none opacity-70" : void 0,
-    children: [(0, t.jsx)(so, {
+    children: [(0, t.jsx)(co, {
       apiRef: r,
       ariaLabel: i,
       compact: c === "compact",
@@ -3883,7 +3885,7 @@ function I(_ref55) {
     }) : null]
   });
 }
-function mo(_ref56) {
+function ho(_ref56) {
   var e = _ref56.disabled,
     r = _ref56.hasAnswer,
     i = _ref56.item,
@@ -3907,7 +3909,7 @@ function mo(_ref56) {
     }));
   }
   function _(e, t, n) {
-    var r = ho(m, e);
+    var r = go(m, e);
     r && g(_r(l(l({}, i), {}, {
       answers: m
     }), e, r.answerPools.map(function (e, r) {
@@ -3915,13 +3917,13 @@ function mo(_ref56) {
     })));
   }
   function v(e) {
-    var t = ho(m, e);
+    var t = go(m, e);
     t && g(_r(l(l({}, i), {}, {
       answers: m
     }), e, [].concat(_toConsumableArray(t.answerPools), [A()])));
   }
   function y(e, t) {
-    var n = ho(m, e);
+    var n = go(m, e);
     n && g(_r(l(l({}, i), {}, {
       answers: m
     }), e, n.answerPools.filter(function (e, n) {
@@ -3973,7 +3975,7 @@ function mo(_ref56) {
           className: "flex max-w-xl min-w-72 flex-1 items-start gap-2",
           children: [(0, t.jsx)("div", {
             className: "min-w-0 flex-1",
-            children: (0, t.jsx)(I, {
+            children: (0, t.jsx)(F, {
               controls: o,
               disabled: e,
               label: c("questionContentEditor.blank.answerPool", {
@@ -4108,7 +4110,7 @@ function mo(_ref56) {
       var i = m.findIndex(function (e) {
           return e.blankIds.includes(n);
         }),
-        a = ho(m, i);
+        a = go(m, i);
       if (!a) return t;
       if (a.blankIds.length > 1) {
         if (e.has(i)) return t;
@@ -4169,10 +4171,10 @@ function mo(_ref56) {
     })
   });
 }
-function ho(e, t) {
+function go(e, t) {
   return e.slice(t, t + 1)[0];
 }
-var L = {
+var I = {
     board: "_board_fve4l_1",
     zones: "_zones_fve4l_7",
     zone: "_zone_fve4l_7",
@@ -4194,8 +4196,8 @@ var L = {
     "pool-title": "_pool-title_fve4l_164",
     "pool-actions": "_pool-actions_fve4l_168"
   },
-  go = "question/content-classification-answer-card";
-function _o(_ref62) {
+  _o = "question/content-classification-answer-card";
+function vo(_ref62) {
   var e = _ref62.answers,
     r = _ref62.categories,
     i = _ref62.disabled,
@@ -4243,13 +4245,13 @@ function _o(_ref62) {
     g === t && (!n || !e.currentTarget.contains(n)) && _(null);
   }
   function T(e, t) {
-    e.preventDefault(), C(e.dataTransfer.getData(go), t), y("");
+    e.preventDefault(), C(e.dataTransfer.getData(_o), t), y("");
   }
   function te(e, n) {
     var r = S === e.id,
       s = e.content.text || e.id;
     return (0, t.jsxs)("article", {
-      className: [L.card, r ? L.selected : "", v === e.id ? L.dragging : ""].filter(Boolean).join(" "),
+      className: [I.card, r ? I.selected : "", v === e.id ? I.dragging : ""].filter(Boolean).join(" "),
       "data-testid": "classification-answer-card-".concat(e.id),
       children: [a ? (0, t.jsx)("button", {
         "aria-label": h("questionContentEditor.classification.dragCard", {
@@ -4257,7 +4259,7 @@ function _o(_ref62) {
           index: n + 1
         }),
         "aria-pressed": r,
-        className: L.handle,
+        className: I.handle,
         disabled: i,
         draggable: !i,
         onClick: function onClick() {
@@ -4267,17 +4269,17 @@ function _o(_ref62) {
           _(null), y("");
         },
         onDragStart: function onDragStart(t) {
-          t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(go, e.id), y(e.id);
+          t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(_o, e.id), y(e.id);
         },
         type: "button",
         children: (0, t.jsxs)("span", {
           "aria-hidden": "true",
-          className: L["handle-dots"],
+          className: I["handle-dots"],
           children: [(0, t.jsx)("i", {}), (0, t.jsx)("i", {}), (0, t.jsx)("i", {}), (0, t.jsx)("i", {}), (0, t.jsx)("i", {}), (0, t.jsx)("i", {})]
         })
       }) : null, (0, t.jsx)("div", {
-        className: L["card-editor"],
-        children: (0, t.jsx)(I, {
+        className: I["card-editor"],
+        children: (0, t.jsx)(F, {
           controls: p,
           disabled: i,
           label: "".concat(h("questionContentEditor.classification.card"), " ").concat(n + 1),
@@ -4291,7 +4293,7 @@ function _o(_ref62) {
         "aria-label": h("questionContentEditor.classification.deleteCard", {
           index: n + 1
         }),
-        className: L["delete-button"],
+        className: I["delete-button"],
         danger: !0,
         disabled: i || o.length <= 1,
         icon: "\xD7",
@@ -4303,17 +4305,17 @@ function _o(_ref62) {
     }, e.id);
   }
   return (0, t.jsxs)("div", {
-    className: L.board,
+    className: I.board,
     "data-testid": "classification-answer-board",
     children: [(0, t.jsx)("div", {
-      className: L.zones,
+      className: I.zones,
       children: r.map(function (n, s) {
         var c = n.content.text || n.id,
           u = a ? o.filter(function (t) {
             return e[t.id] === n.id;
           }) : [];
         return (0, t.jsxs)("section", {
-          className: [L.zone, g === n.id ? L["target-active"] : ""].filter(Boolean).join(" "),
+          className: [I.zone, g === n.id ? I["target-active"] : ""].filter(Boolean).join(" "),
           "data-testid": "classification-answer-category-".concat(n.id),
           onDragLeave: function onDragLeave(e) {
             return w(e, n.id);
@@ -4325,10 +4327,10 @@ function _o(_ref62) {
             return T(e, n.id);
           },
           children: [(0, t.jsxs)("div", {
-            className: L["zone-head"],
+            className: I["zone-head"],
             children: [(0, t.jsx)("div", {
-              className: L["category-editor"],
-              children: (0, t.jsx)(I, {
+              className: I["category-editor"],
+              children: (0, t.jsx)(F, {
                 controls: p,
                 disabled: i,
                 label: "".concat(h("questionContentEditor.classification.category"), " ").concat(s + 1),
@@ -4342,7 +4344,7 @@ function _o(_ref62) {
               "aria-label": h("questionContentEditor.classification.placeInCategoryAria", {
                 category: c
               }),
-              className: L["placement-button"],
+              className: I["placement-button"],
               disabled: i,
               onClick: function onClick() {
                 return C(S, n.id);
@@ -4353,7 +4355,7 @@ function _o(_ref62) {
               "aria-label": h("questionContentEditor.classification.deleteCategory", {
                 index: s + 1
               }),
-              className: L["delete-button"],
+              className: I["delete-button"],
               danger: !0,
               disabled: i || r.length <= 1,
               icon: "\xD7",
@@ -4363,18 +4365,18 @@ function _o(_ref62) {
               size: "small"
             })]
           }), (0, t.jsx)("div", {
-            className: L.cards,
+            className: I.cards,
             children: u.length > 0 ? u.map(function (e) {
               return te(e, o.indexOf(e));
             }) : (0, t.jsx)("span", {
-              className: L.empty,
+              className: I.empty,
               children: h("questionContentEditor.classification.emptyCategory")
             })
           })]
         }, n.id);
       })
     }), (0, t.jsxs)("section", {
-      className: [L.pool, g === "" ? L["target-active"] : ""].filter(Boolean).join(" "),
+      className: [I.pool, g === "" ? I["target-active"] : ""].filter(Boolean).join(" "),
       "data-testid": "classification-answer-unassigned",
       onDragLeave: function onDragLeave(e) {
         return w(e, "");
@@ -4386,14 +4388,14 @@ function _o(_ref62) {
         return T(e, "");
       },
       children: [(0, t.jsxs)("div", {
-        className: L["pool-head"],
+        className: I["pool-head"],
         children: [(0, t.jsx)("strong", {
-          className: L["pool-title"],
+          className: I["pool-title"],
           children: h(a ? "questionContentEditor.classification.unassigned" : "questionContentEditor.classification.contentPoolTitle")
         }), (0, t.jsxs)("div", {
-          className: L["pool-actions"],
+          className: I["pool-actions"],
           children: [S ? (0, t.jsx)(N, {
-            className: L["placement-button"],
+            className: I["placement-button"],
             disabled: i,
             onClick: function onClick() {
               return C(S, "");
@@ -4410,7 +4412,7 @@ function _o(_ref62) {
           })]
         })]
       }), (0, t.jsx)("div", {
-        className: L.cards,
+        className: I.cards,
         children: o.filter(function (t) {
           return !a || !e[t.id];
         }).map(function (e) {
@@ -4420,13 +4422,13 @@ function _o(_ref62) {
     })]
   });
 }
-var vo = {
+var yo = {
   board: "_board_36u5p_1",
   panel: "_panel_36u5p_5",
   "section-head": "_section-head_36u5p_15",
   "title-wrap": "_title-wrap_36u5p_24"
 };
-function yo(_ref69) {
+function bo(_ref69) {
   var e = _ref69.disabled,
     n = _ref69.hasAnswer,
     r = _ref69.item,
@@ -4450,13 +4452,13 @@ function yo(_ref69) {
     }));
   }
   return (0, t.jsx)("div", {
-    className: vo.board,
+    className: yo.board,
     children: (0, t.jsxs)("section", {
-      className: vo.panel,
+      className: yo.panel,
       children: [(0, t.jsxs)("div", {
-        className: vo["section-head"],
+        className: yo["section-head"],
         children: [(0, t.jsx)("div", {
-          className: vo["title-wrap"],
+          className: yo["title-wrap"],
           children: (0, t.jsx)(P.Text, {
             strong: !0,
             children: s(n ? "questionContentEditor.classification.answerConfigTitle" : "questionContentEditor.classification.contentConfigTitle")
@@ -4471,7 +4473,7 @@ function yo(_ref69) {
           size: "small",
           children: s("questionContentEditor.classification.addCategory")
         })]
-      }), (0, t.jsx)(_o, {
+      }), (0, t.jsx)(vo, {
         answers: c.answers,
         categories: c.categories,
         disabled: e,
@@ -4495,7 +4497,7 @@ function yo(_ref69) {
     })
   });
 }
-function bo(_ref70) {
+function xo(_ref70) {
   var e = _ref70.disabled,
     r = _ref70.element,
     i = _ref70.hasAnswer,
@@ -4584,7 +4586,7 @@ function bo(_ref70) {
         return !!e && n.indexOf(e) === t;
       });
     t >= i.answerOptionIds.length && n && m(function (e) {
-      return l(l({}, e), {}, _defineProperty({}, a, Math.max(0, xo(e, a) - 1)));
+      return l(l({}, e), {}, _defineProperty({}, a, Math.max(0, So(e, a) - 1)));
     }), ne(r.map(function (t, n) {
       return n === e ? l(l({}, t), {}, {
         answerOptionIds: o
@@ -4706,7 +4708,7 @@ function bo(_ref70) {
   function D(e) {
     var t = te(e);
     m(function (e) {
-      return l(l({}, e), {}, _defineProperty({}, t, xo(e, t) + 1));
+      return l(l({}, e), {}, _defineProperty({}, t, So(e, t) + 1));
     });
   }
   function he(e, t) {
@@ -4756,7 +4758,7 @@ function bo(_ref70) {
             className: "text-center",
             strong: !0,
             children: o
-          }), (0, t.jsx)(I, {
+          }), (0, t.jsx)(F, {
             controls: s,
             disabled: e,
             label: d("questionContentEditor.fields.candidateOption", {
@@ -4823,11 +4825,11 @@ function bo(_ref70) {
     var i = te(n),
       a = sr(n),
       o = a.length ? [].concat(_toConsumableArray(a), _toConsumableArray(Array.from({
-        length: xo(p, i)
+        length: So(p, i)
       }, function () {
         return "";
       }))) : Array.from({
-        length: xo(p, i) + 1
+        length: So(p, i) + 1
       }, function () {
         return "";
       }),
@@ -5071,7 +5073,7 @@ function bo(_ref70) {
         size: "small",
         children: d("questionContentEditor.actions.insertInlineBlank")
       })]
-    }), (0, t.jsx)(I, {
+    }), (0, t.jsx)(F, {
       controls: s,
       disabled: e,
       editorRef: f,
@@ -5081,7 +5083,7 @@ function bo(_ref70) {
       },
       placeholder: d("questionContentEditor.placeholders.fillTextContent"),
       value: y.content
-    }), r.config.candidateMode === "none" ? (0, t.jsx)(mo, {
+    }), r.config.candidateMode === "none" ? (0, t.jsx)(ho, {
       disabled: e,
       hasAnswer: i,
       item: b,
@@ -5115,7 +5117,7 @@ function bo(_ref70) {
     })]
   });
 }
-function xo(e, t) {
+function So(e, t) {
   var n, r;
   return (n = (r = Object.entries(e).find(function (_ref79) {
     var _ref80 = _slicedToArray(_ref79, 1),
@@ -5123,7 +5125,7 @@ function xo(e, t) {
     return e === t;
   })) == null ? void 0 : r[1]) == null ? 0 : n;
 }
-function So(e) {
+function Co(e) {
   return new Promise(function (t, n) {
     var r = new Image();
     r.onload = function () {
@@ -5133,7 +5135,7 @@ function So(e) {
     }, r.src = e;
   });
 }
-function Co(_ref81) {
+function wo(_ref81) {
   var e = _ref81.item,
     n = _ref81.object,
     r = _ref81.disabled,
@@ -5156,7 +5158,7 @@ function Co(_ref81) {
         }
       });
     case "judgement":
-      return (0, t.jsx)(wo, {
+      return (0, t.jsx)(To, {
         item: e,
         object: n,
         disabled: r,
@@ -5197,14 +5199,14 @@ function Co(_ref81) {
       });
   }
 }
-function wo(_ref82) {
+function To(_ref82) {
   var e = _ref82.item,
     n = _ref82.object,
     r = _ref82.disabled,
     i = _ref82.hasAnswer,
     a = _ref82.onChange,
     o = _ref82.t;
-  var s = To(e.answer, n.judgementValue);
+  var s = Eo(e.answer, n.judgementValue);
   return (0, t.jsx)(t.Fragment, {
     children: i ? (0, t.jsxs)("label", {
       children: [(0, t.jsx)("input", {
@@ -5234,14 +5236,14 @@ function wo(_ref82) {
     }) : null
   });
 }
-function To(e, t) {
+function Eo(e, t) {
   return e === null || t === void 0 ? !1 : e === t;
 }
-var Eo = {
+var Do = {
   image: "M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM3 17l5-5 4 4 3-3 6 6M8 7h.01",
   trash: "M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7"
 };
-function Do(_ref83) {
+function Oo(_ref83) {
   var e = _ref83.name;
   return (0, t.jsx)("svg", {
     "aria-hidden": "true",
@@ -5254,19 +5256,19 @@ function Do(_ref83) {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: (0, t.jsx)("path", {
-      d: Eo[e]
+      d: Do[e]
     })
   });
 }
-var Oo = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
-function ko(e) {
+var ko = ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
+function Ao(e) {
   var t = e.currentTarget.getBoundingClientRect();
   return {
     x: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
     y: Math.max(0, Math.min(1, (e.clientY - t.top) / t.height))
   };
 }
-function Ao(e, t, n) {
+function jo(e, t, n) {
   var r = function r(e, t, n) {
       return Math.max(t, Math.min(n, e));
     },
@@ -5283,13 +5285,13 @@ function Ao(e, t, n) {
     height: u - s
   });
 }
-function jo(e) {
+function Mo(e) {
   var t = e.target.getAttribute("data-resize");
-  return Oo.find(function (e) {
+  return ko.find(function (e) {
     return e === t;
   });
 }
-function Mo(e, t) {
+function No(e, t) {
   var n = e.object,
     r = e.start,
     i = e.handle;
@@ -5298,9 +5300,9 @@ function Mo(e, t) {
     x: t.x - r.x,
     y: t.y - r.y
   };
-  return i ? Ao(n, i, a) : C(n, n.x + a.x, n.y + a.y);
+  return i ? jo(n, i, a) : C(n, n.x + a.x, n.y + a.y);
 }
-function No(e) {
+function Po(e) {
   var t = e.objects,
     r = e.selectedIds,
     i = e.disabled,
@@ -5318,8 +5320,8 @@ function No(e) {
     p = _ref87[1];
   function m(e) {
     if (i || e.button !== 0) return;
-    var n = ko(e),
-      o = jo(e),
+    var n = Ao(e),
+      o = Mo(e),
       l = o ? t.find(function (e) {
         return r.includes(e.id);
       }) : ee(t, n.x, n.y);
@@ -5332,9 +5334,9 @@ function No(e) {
   function h(e) {
     var n, r;
     if (i) return;
-    var o = ko(e);
+    var o = Ao(e);
     p((n = ee(t, o.x, o.y)) == null ? void 0 : n.id), !(!c.current || !a) && d({
-      bounds: Mo(c.current, o),
+      bounds: No(c.current, o),
       id: (r = c.current.object) == null ? void 0 : r.id
     });
   }
@@ -5343,7 +5345,7 @@ function No(e) {
       _(e, t);
       return;
     }
-    var n = Mo(e, t);
+    var n = No(e, t);
     e.object ? o == null || o(l(l({}, e.object), n)) : n.width >= .01 && n.height >= .01 && a(n);
   }
   function _(e, n) {
@@ -5352,7 +5354,7 @@ function No(e) {
   }
   function v(e) {
     var t = c.current;
-    y(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), t && !i && g(t, ko(e));
+    y(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), t && !i && g(t, Ao(e));
   }
   function y() {
     c.current = void 0, d(void 0);
@@ -5369,24 +5371,24 @@ function No(e) {
     }
   };
 }
-var Po = {
+var Fo = {
   overlay: "_overlay_1q6ex_1",
   blank: "_blank_1q6ex_7",
   number: "_number_1q6ex_19",
   print: "_print_1q6ex_53"
 };
-function Fo(_ref88) {
+function Io(_ref88) {
   var e = _ref88.item,
     n = _ref88.values,
     r = _ref88.disabled,
     i = _ref88.onChange,
     a = _ref88.gradingResult;
   return (0, t.jsx)("div", {
-    className: Po.overlay,
+    className: Fo.overlay,
     children: e.objects.map(function (e, o) {
       var s, c, l;
       return (0, t.jsxs)("div", {
-        className: Po.blank,
+        className: Fo.blank,
         "data-state": a == null || (s = a.objectResults.find(function (t) {
           return t.objectId === e.id;
         })) == null ? void 0 : s.status,
@@ -5397,7 +5399,7 @@ function Fo(_ref88) {
           height: "".concat(e.height * 100, "%")
         },
         children: [i ? null : (0, t.jsx)("span", {
-          className: Po.number,
+          className: Fo.number,
           "aria-hidden": "true",
           children: o + 1
         }), (0, t.jsx)("textarea", {
@@ -5410,14 +5412,14 @@ function Fo(_ref88) {
             return i == null ? void 0 : i(e.id, t.target.value);
           }
         }), (0, t.jsx)("span", {
-          className: Po.print,
+          className: Fo.print,
           children: (l = n[e.id]) == null ? "" : l
         })]
       }, e.id);
     })
   });
 }
-var Io = {
+var Lo = {
   wrapper: "_wrapper_1x9sv_1",
   scene: "_scene_1x9sv_11",
   object: "_object_1x9sv_36",
@@ -5425,18 +5427,18 @@ var Io = {
   badge: "_badge_1x9sv_90",
   handle: "_handle_1x9sv_149"
 };
-function Lo(e, t) {
+function Ro(e, t) {
   var n;
   return ((n = t.gradingResult) == null || (n = n.objectResults.find(function (t) {
     return t.objectId === e;
   })) == null ? void 0 : n.status) || (t.showAnswer && b(t.item, t.item.objects).includes(e) ? "answer" : t.selectedIds.includes(e) ? "selected" : "idle");
 }
-function Ro(e) {
+function zo(e) {
   var n = e.item,
     r = e.disabled,
     i = e.onCreate,
     a = e.onSelect,
-    o = No(l(l({}, e), {}, {
+    o = Po(l(l({}, e), {}, {
       objects: n.objects
     })),
     s = o.preview,
@@ -5450,11 +5452,11 @@ function Ro(e) {
       return e.selectedIds.includes(t.id);
     });
   return (0, t.jsxs)("div", {
-    className: Io.wrapper,
+    className: Lo.wrapper,
     "data-mode": i ? "edit" : "answer",
     children: [(0, t.jsxs)("svg", {
       "aria-label": "\u56FE\u7247\u70B9\u9009\u753B\u5E03 / Image selection canvas",
-      className: Io.scene,
+      className: Lo.scene,
       "data-hovered": !!c,
       onPointerLeave: o.leave,
       viewBox: "0 0 1000 ".concat(f),
@@ -5477,8 +5479,8 @@ function Ro(e) {
           "aria-label": n.label || "\u56FE\u7247 ".concat(o + 1),
           "aria-pressed": e.selectedIds.includes(n.id),
           "aria-disabled": r || !a,
-          className: Io.object,
-          "data-state": Lo(n.id, e),
+          className: Lo.object,
+          "data-state": Ro(n.id, e),
           "data-selected": e.selectedIds.includes(n.id),
           "data-hovered": c === n.id,
           onKeyDown: function onKeyDown(t) {
@@ -5489,7 +5491,7 @@ function Ro(e) {
           children: [(0, t.jsx)("title", {
             children: n.label || "\u56FE\u7247 ".concat(o + 1)
           }), (0, t.jsx)("rect", {
-            className: Io.outline,
+            className: Lo.outline,
             rx: "2",
             x: n.x * 1e3,
             y: n.y * f,
@@ -5502,13 +5504,13 @@ function Ro(e) {
             fill: "#3869df",
             fontSize: "20",
             children: o + 1
-          }) : null, (0, t.jsx)(zo, {
+          }) : null, (0, t.jsx)(Bo, {
             x: (n.x + n.width) * 1e3 - 12,
             y: n.y * f + 12,
-            state: Lo(n.id, e)
+            state: Ro(n.id, e)
           })]
         }, n.id);
-      }), (0, t.jsx)(Bo, {
+      }), (0, t.jsx)(Vo, {
         object: p,
         canvasHeight: f,
         enabled: !!i,
@@ -5523,7 +5525,7 @@ function Ro(e) {
         strokeDasharray: "6 4",
         vectorEffect: "non-scaling-stroke"
       }) : null]
-    }), e.fillValues ? (0, t.jsx)(Fo, {
+    }), e.fillValues ? (0, t.jsx)(Io, {
       item: n,
       values: e.fillValues,
       disabled: r,
@@ -5532,7 +5534,7 @@ function Ro(e) {
     }) : null]
   });
 }
-function zo(_ref89) {
+function Bo(_ref89) {
   var e = _ref89.x,
     n = _ref89.y,
     r = _ref89.state;
@@ -5540,7 +5542,7 @@ function zo(_ref89) {
   var a = new Map([["incorrect", "M-5-5 5 5M5-5-5 5"], ["partial", "M-6 0H6"], ["unanswered", "M-6 0H6"]]);
   return (0, t.jsxs)("g", {
     "aria-hidden": "true",
-    className: Io.badge,
+    className: Lo.badge,
     transform: "translate(".concat(e, " ").concat(n, ")"),
     children: [(0, t.jsx)("circle", {
       r: "16"
@@ -5549,19 +5551,19 @@ function zo(_ref89) {
     })]
   });
 }
-function Bo(_ref90) {
+function Vo(_ref90) {
   var e = _ref90.object,
     n = _ref90.canvasHeight,
     r = _ref90.enabled,
     i = _ref90.disabled;
   return !e || !r || i ? null : (0, t.jsx)("g", {
     "aria-hidden": "true",
-    children: Oo.map(function (r) {
-      var i = e.x + e.width * Vo(r, "w", "e"),
-        a = e.y + e.height * Vo(r, "n", "s");
+    children: ko.map(function (r) {
+      var i = e.x + e.width * Ho(r, "w", "e"),
+        a = e.y + e.height * Ho(r, "n", "s");
       return (0, t.jsx)("rect", {
         "data-resize": r,
-        className: Io.handle,
+        className: Lo.handle,
         x: i * 1e3 - 6,
         y: a * n - 6,
         width: "12",
@@ -5574,10 +5576,10 @@ function Bo(_ref90) {
     })
   });
 }
-function Vo(e, t, n) {
+function Ho(e, t, n) {
   return e.includes(t) ? 0 : e.includes(n) ? 1 : .5;
 }
-var R = {
+var L = {
     editor: "_editor_jl3bv_1",
     hint: "_hint_jl3bv_10",
     workspace: "_workspace_jl3bv_17",
@@ -5593,11 +5595,11 @@ var R = {
     error: "_error_jl3bv_132",
     "answer-control": "_answer-control_jl3bv_152"
   },
-  Ho = {
+  Uo = {
     "background-upload": "_background-upload_1b3j2_1",
     "background-tools": "_background-tools_1b3j2_25"
   };
-function Uo(e, t, n, r, i, a, o) {
+function Wo(e, t, n, r, i, a, o) {
   try {
     var s = e[a](o),
       c = s.value;
@@ -5607,23 +5609,23 @@ function Uo(e, t, n, r, i, a, o) {
   }
   s.done ? t(c) : Promise.resolve(c).then(r, i);
 }
-function Wo(e) {
+function Go(e) {
   return function () {
     var t = this,
       n = arguments;
     return new Promise(function (r, i) {
       var a = e.apply(t, n);
       function o(e) {
-        Uo(a, r, i, o, s, "next", e);
+        Wo(a, r, i, o, s, "next", e);
       }
       function s(e) {
-        Uo(a, r, i, o, s, "throw", e);
+        Wo(a, r, i, o, s, "throw", e);
       }
       o(void 0);
     });
   };
 }
-function Go(e) {
+function Ko(e) {
   return new Promise(function (t, n) {
     var r = new FileReader();
     r.onload = function () {
@@ -5633,7 +5635,7 @@ function Go(e) {
     }, r.readAsDataURL(e);
   });
 }
-function Ko(_ref91) {
+function qo(_ref91) {
   var e = _ref91.disabled,
     r = _ref91.hasAnswer,
     i = _ref91.item,
@@ -5676,7 +5678,7 @@ function Ko(_ref91) {
     return w.apply(this, arguments);
   }
   function w() {
-    return w = Wo(_regenerator().m(function _callee(e) {
+    return w = Go(_regenerator().m(function _callee(e) {
       var t, n, r, _e2, _t5, _t6;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
@@ -5689,11 +5691,11 @@ function Ko(_ref91) {
             m(!0), g("");
             _context.p = 1;
             _context.n = 2;
-            return ((r = s.uploadImage) == null ? Go : r)(n);
+            return ((r = s.uploadImage) == null ? Ko : r)(n);
           case 2:
             _e2 = _context.v;
             _context.n = 3;
-            return So(_e2);
+            return Co(_e2);
           case 3:
             _t5 = _context.v;
             x(l(l({}, i), {}, {
@@ -5731,19 +5733,19 @@ function Ko(_ref91) {
     })), f(t.id);
   }
   return (0, t.jsxs)("div", {
-    className: R.editor,
+    className: L.editor,
     children: [(0, t.jsx)("p", {
-      className: R.hint,
+      className: L.hint,
       children: b("instructions")
-    }), (0, t.jsx)(qo, {
+    }), (0, t.jsx)(Jo, {
       busy: p,
       error: h,
       loading: b("loading")
     }), (0, t.jsxs)("div", {
-      className: R.workspace,
+      className: L.workspace,
       children: [(0, t.jsxs)("div", {
-        className: R.stage,
-        children: [(0, t.jsx)(Ro, {
+        className: L.stage,
+        children: [(0, t.jsx)(zo, {
           item: i,
           selectedIds: u ? [u] : [],
           disabled: v || !i.background,
@@ -5751,12 +5753,12 @@ function Ko(_ref91) {
           onCreate: T,
           onUpdate: S
         }), (0, t.jsx)("div", {
-          className: Ho["background-tools"],
+          className: Uo["background-tools"],
           "data-empty": !i.background,
           children: (0, t.jsxs)("label", {
-            className: Ho["background-upload"],
+            className: Uo["background-upload"],
             "data-disabled": v,
-            children: [(0, t.jsx)(Do, {
+            children: [(0, t.jsx)(Oo, {
               name: "image"
             }), (0, t.jsx)("span", {
               children: b(i.background ? "changeBackground" : "uploadBackground")
@@ -5774,24 +5776,24 @@ function Ko(_ref91) {
           })
         })]
       }), (0, t.jsxs)("aside", {
-        className: R.panel,
+        className: L.panel,
         "aria-label": b("objects"),
         children: [(0, t.jsxs)("div", {
-          className: R["panel-header"],
+          className: L["panel-header"],
           children: [(0, t.jsx)("h3", {
             children: b("objects")
           }), (0, t.jsx)("span", {
             children: i.objects.length
           })]
         }), (0, t.jsx)("div", {
-          className: R["object-list"],
+          className: L["object-list"],
           children: i.objects.map(function (e, n) {
             return (0, t.jsxs)("div", {
-              className: R["object-row"],
+              className: L["object-row"],
               "data-selected": e.id === u,
               children: [(0, t.jsx)("button", {
                 type: "button",
-                className: R["object-button"],
+                className: L["object-button"],
                 "aria-label": "".concat(n + 1, ". ").concat(e.label),
                 "aria-pressed": e.id === u,
                 disabled: v,
@@ -5799,12 +5801,12 @@ function Ko(_ref91) {
                   return f(e.id);
                 },
                 children: (0, t.jsx)("span", {
-                  className: R["object-label"],
+                  className: L["object-label"],
                   children: n + 1
                 })
               }), (0, t.jsx)("div", {
-                className: R["answer-control"],
-                children: r || i.answerType === "judgement" ? (0, t.jsx)(Co, {
+                className: L["answer-control"],
+                children: r || i.answerType === "judgement" ? (0, t.jsx)(wo, {
                   item: i,
                   object: e,
                   disabled: v,
@@ -5813,7 +5815,7 @@ function Ko(_ref91) {
                   t: b
                 }) : null
               }), (0, t.jsx)("button", {
-                className: R["delete-region"],
+                className: L["delete-region"],
                 type: "button",
                 "aria-label": "".concat(b("delete"), "\uFF1A").concat(e.label),
                 title: b("delete"),
@@ -5821,7 +5823,7 @@ function Ko(_ref91) {
                 onClick: function onClick() {
                   return C(e.id);
                 },
-                children: (0, t.jsx)(Do, {
+                children: (0, t.jsx)(Oo, {
                   name: "trash"
                 })
               })]
@@ -5832,23 +5834,23 @@ function Ko(_ref91) {
     })]
   });
 }
-function qo(_ref98) {
+function Jo(_ref98) {
   var e = _ref98.busy,
     n = _ref98.error,
     r = _ref98.loading;
   return (0, t.jsxs)(t.Fragment, {
     children: [e ? (0, t.jsx)("p", {
-      className: R.status,
+      className: L.status,
       role: "status",
       children: r
     }) : null, n ? (0, t.jsx)("p", {
-      className: R.error,
+      className: L.error,
       role: "alert",
       children: n
     }) : null]
   });
 }
-function Jo(_ref99) {
+function Yo(_ref99) {
   var e = _ref99.disabled,
     n = _ref99.element,
     r = _ref99.hasAnswer,
@@ -5890,23 +5892,23 @@ function Jo(_ref99) {
     })
   });
 }
-function Yo() {
+function Xo() {
   for (var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++) {
     e[_key] = arguments[_key];
   }
   return e.reduce(function (e, t) {
-    return [].concat(_toConsumableArray(e), _toConsumableArray(Xo(t)));
+    return [].concat(_toConsumableArray(e), _toConsumableArray(Zo(t)));
   }, []).join(" ");
 }
-function Xo(e) {
-  return e ? Zo(e) ? e.reduce(function (e, t) {
-    return [].concat(_toConsumableArray(e), _toConsumableArray(Xo(t)));
+function Zo(e) {
+  return e ? Qo(e) ? e.reduce(function (e, t) {
+    return [].concat(_toConsumableArray(e), _toConsumableArray(Zo(t)));
   }, []) : [e] : [];
 }
-function Zo(e) {
+function Qo(e) {
   return Array.isArray(e);
 }
-function Qo(e, t) {
+function $o(e, t) {
   var n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : mt;
   var r = e.columns.reduce(function (e, t, n) {
     return t.items.forEach(function (t, r) {
@@ -5935,32 +5937,32 @@ function Qo(e, t) {
     }, []))) : e;
   }, []);
 }
-function $o(e, t, n) {
+function es(e, t, n) {
   return e.left - t.left + n + e.width / 2;
 }
-function es(e, t, n) {
+function ts(e, t, n) {
   return e.top - t.top + n + e.height / 2;
 }
-function ts(e, t, n) {
+function ns(e, t, n) {
   return e.left - t.left + n;
 }
-function ns(e, t, n) {
+function rs(e, t, n) {
   return e.right - t.left + n;
 }
-function rs(e, t) {
+function is(e, t) {
   e(function (e) {
-    return is(e, t) ? e : t;
+    return as(e, t) ? e : t;
   });
 }
-function is(e, t) {
+function as(e, t) {
   return (e == null ? void 0 : e.height) === t.height && e.width === t.width && e.lines.length === t.lines.length && e.lines.every(function (e, n) {
-    return as(e, t.lines[n]);
+    return os(e, t.lines[n]);
   });
 }
-function as(e, t) {
+function os(e, t) {
   return t !== void 0 && e.key === t.key && e.x1 === t.x1 && e.x2 === t.x2 && e.y1 === t.y1 && e.y2 === t.y2;
 }
-var z = {
+var R = {
     board: "_board_l8qwk_1",
     hint: "_hint_l8qwk_9",
     columns: "_columns_l8qwk_16",
@@ -5974,7 +5976,7 @@ var z = {
     lines: "_lines_l8qwk_103",
     line: "_line_l8qwk_103"
   },
-  B = {
+  z = {
     columns: "_columns_14drz_1",
     column: "_column_14drz_1",
     "connect-handle": "_connect-handle_14drz_13",
@@ -5985,8 +5987,8 @@ var z = {
     "connect-button-connected": "_connect-button-connected_14drz_76",
     "connect-button-selected": "_connect-button-selected_14drz_82"
   },
-  os = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"];
-function ss(_ref103) {
+  ss = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"];
+function cs(_ref103) {
   var e = _ref103.disabled,
     r = _ref103.element,
     i = _ref103.hasAnswer,
@@ -6020,7 +6022,7 @@ function ss(_ref103) {
       });
     }, [_.answers, _.columns]),
     b = (0, n.useMemo)(function () {
-      return i ? Qo(_, _.answers) : [];
+      return i ? $o(_, _.answers) : [];
     }, [i, _]),
     x = (0, n.useCallback)(function () {
       var e = h.current;
@@ -6030,20 +6032,20 @@ function ss(_ref103) {
       }
       var t = e.getBoundingClientRect(),
         n = b.reduce(function (n, r) {
-          var i = g.current.get(ps(r.fromItemId, "outgoing")),
-            a = g.current.get(ps(r.toItemId, "incoming"));
+          var i = g.current.get(ms(r.fromItemId, "outgoing")),
+            a = g.current.get(ms(r.toItemId, "incoming"));
           if (!i || !a) return n;
           var o = i.getBoundingClientRect(),
             s = a.getBoundingClientRect();
           return [].concat(_toConsumableArray(n), [{
             key: r.key,
-            x1: $o(o, t, e.scrollLeft),
-            x2: $o(s, t, e.scrollLeft),
-            y1: es(o, t, e.scrollTop),
-            y2: es(s, t, e.scrollTop)
+            x1: es(o, t, e.scrollLeft),
+            x2: es(s, t, e.scrollLeft),
+            y1: ts(o, t, e.scrollTop),
+            y2: ts(s, t, e.scrollTop)
           }]);
         }, []);
-      rs(m, {
+      is(m, {
         height: e.scrollHeight,
         lines: n,
         width: e.scrollWidth
@@ -6067,7 +6069,7 @@ function ss(_ref103) {
   }, [i, y, x]);
   function S(e, t) {
     return function (n) {
-      var r = ps(e, t);
+      var r = ms(e, t);
       if (n) {
         g.current.set(r, n);
         return;
@@ -6111,7 +6113,7 @@ function ss(_ref103) {
   }
   function ne(n, r) {
     return (0, t.jsxs)("section", {
-      className: B.column,
+      className: z.column,
       children: [(0, t.jsxs)("div", {
         className: "flex min-w-0 flex-wrap items-center justify-between gap-2",
         children: [(0, t.jsx)(P.Text, {
@@ -6129,7 +6131,7 @@ function ss(_ref103) {
             onChange: function onChange(e) {
               return e ? C(Fr(_, n.columnId, e)) : void 0;
             },
-            options: os.map(function (e) {
+            options: ss.map(function (e) {
               return {
                 label: u("questionContentEditor.lineConnect.labels.".concat(e)),
                 value: e
@@ -6174,15 +6176,15 @@ function ss(_ref103) {
     var c = On(n.labelStyle, o),
       l = c ? "".concat(c, ". ").concat(a.content.text) : a.content.text,
       f = (d == null ? void 0 : d.itemId) === a.itemId,
-      p = cs(_, a.itemId),
-      m = ls(_, a.itemId),
-      h = us(p, m),
-      g = ds(i);
+      p = ls(_, a.itemId),
+      m = us(_, a.itemId),
+      h = ds(p, m),
+      g = fs(i);
     return (0, t.jsxs)("div", {
-      className: fs(f, h),
+      className: ps(f, h),
       "data-testid": "line-connect-item-".concat(a.itemId),
       style: g,
-      children: [ie(r, a, o, c, l, p), (0, t.jsx)(I, {
+      children: [ie(r, a, o, c, l, p), (0, t.jsx)(F, {
         controls: s,
         disabled: e,
         label: u("questionContentEditor.lineConnect.itemAria", {
@@ -6216,7 +6218,7 @@ function ss(_ref103) {
     return i ? (0, t.jsx)("button", {
       "aria-label": oe("incoming", n, a, r.content.text),
       "aria-pressed": c,
-      className: Yo(B.marker, B["incoming-marker"], c && B["connect-button-connected"]),
+      className: Xo(z.marker, z["incoming-marker"], c && z["connect-button-connected"]),
       disabled: e,
       onClick: function onClick() {
         return T(n, r.itemId, s);
@@ -6228,10 +6230,10 @@ function ss(_ref103) {
       type: "button",
       children: o || (0, t.jsx)("span", {
         "aria-hidden": "true",
-        className: B["connect-dot"]
+        className: z["connect-dot"]
       })
     }) : (0, t.jsx)(P.Text, {
-      className: B.marker,
+      className: z.marker,
       strong: !0,
       children: o
     });
@@ -6240,7 +6242,7 @@ function ss(_ref103) {
     return i ? (0, t.jsx)("button", {
       "aria-label": oe("outgoing", n, a, r.content.text),
       "aria-pressed": s,
-      className: Yo(B["connect-handle"], B["connect-handle-outgoing"], s && B["connect-button-selected"], c && B["connect-button-connected"]),
+      className: Xo(z["connect-handle"], z["connect-handle-outgoing"], s && z["connect-button-selected"], c && z["connect-button-connected"]),
       disabled: e,
       ref: S(r.itemId, "outgoing"),
       onClick: function onClick() {
@@ -6252,7 +6254,7 @@ function ss(_ref103) {
       type: "button",
       children: (0, t.jsx)("span", {
         "aria-hidden": "true",
-        className: B["connect-dot"]
+        className: z["connect-dot"]
       })
     }) : null;
   }
@@ -6266,12 +6268,12 @@ function ss(_ref103) {
   return (0, t.jsxs)("div", {
     className: "flex min-w-0 flex-col gap-4",
     children: [te(), (0, t.jsxs)("div", {
-      className: z.board,
+      className: R.board,
       "data-testid": "line-connect-editor-board",
       ref: h,
       children: [i && p ? (0, t.jsx)("svg", {
         "aria-hidden": "true",
-        className: z.lines,
+        className: R.lines,
         "data-testid": "line-connect-editor-lines",
         style: {
           height: "".concat(p.height, "px"),
@@ -6281,7 +6283,7 @@ function ss(_ref103) {
         viewBox: "0 0 ".concat(p.width, " ").concat(p.height),
         children: p.lines.map(function (e) {
           return (0, t.jsx)("line", {
-            className: z.line,
+            className: R.line,
             x1: e.x1,
             x2: e.x2,
             y1: e.y1,
@@ -6289,7 +6291,7 @@ function ss(_ref103) {
           }, e.key);
         })
       }) : null, (0, t.jsx)("div", {
-        className: B.columns,
+        className: z.columns,
         style: v,
         children: _.columns.map(ne)
       })]
@@ -6304,30 +6306,30 @@ function ss(_ref103) {
     })]
   });
 }
-function cs(e, t) {
+function ls(e, t) {
   return Object.values(e.answers).some(function (e) {
     return e.includes(t);
   });
 }
-function ls(e, t) {
+function us(e, t) {
   var n;
   return ((n = e.answers[t]) == null ? [] : n).length > 0;
 }
-function us(e, t) {
+function ds(e, t) {
   return e || t;
 }
-function ds(e) {
+function fs(e) {
   return {
     gridTemplateColumns: e ? "2rem minmax(0, 1fr) auto auto" : "2rem minmax(0, 1fr) auto"
   };
 }
-function fs(e, t) {
-  return Yo("grid min-w-0 items-center gap-2 rounded-md border border-slate-200 bg-white p-2", e && "border-blue-600 bg-blue-50", t && !e && "border-blue-200 bg-blue-50/40");
-}
 function ps(e, t) {
+  return Xo("grid min-w-0 items-center gap-2 rounded-md border border-slate-200 bg-white p-2", e && "border-blue-600 bg-blue-50", t && !e && "border-blue-200 bg-blue-50/40");
+}
+function ms(e, t) {
   return "".concat(t, ":").concat(e);
 }
-var ms = {
+var hs = {
     board: "_board_30ao0_1",
     "connect-board": "_connect-board_30ao0_7",
     columns: "_columns_30ao0_14",
@@ -6338,8 +6340,8 @@ var ms = {
     matched: "_matched_30ao0_51",
     marker: "_marker_30ao0_55"
   },
-  hs = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"];
-function gs(_ref108) {
+  gs = ["number", "upperAlpha", "lowerAlpha", "lowerRoman", "chineseNumber", "none"];
+function _s(_ref108) {
   var e = _ref108.disabled,
     r = _ref108.element,
     i = _ref108.hasAnswer,
@@ -6363,7 +6365,7 @@ function gs(_ref108) {
       gridTemplateColumns: "repeat(".concat(_.columns.length, ", minmax(16rem, 1fr))")
     },
     y = (0, n.useMemo)(function () {
-      return i ? Qo(_, _.answers, Et) : [];
+      return i ? $o(_, _.answers, Et) : [];
     }, [i, _]),
     b = (0, n.useMemo)(function () {
       return JSON.stringify({
@@ -6383,20 +6385,20 @@ function gs(_ref108) {
       }
       var t = e.getBoundingClientRect(),
         n = y.reduce(function (n, r) {
-          var i = g.current.get(bs(r.fromItemId, "outgoing")),
-            a = g.current.get(bs(r.toItemId, "incoming"));
+          var i = g.current.get(xs(r.fromItemId, "outgoing")),
+            a = g.current.get(xs(r.toItemId, "incoming"));
           if (!i || !a) return n;
           var o = i.getBoundingClientRect(),
             s = a.getBoundingClientRect();
           return [].concat(_toConsumableArray(n), [{
             key: r.key,
-            x1: $o(o, t, e.scrollLeft),
-            x2: $o(s, t, e.scrollLeft),
-            y1: es(o, t, e.scrollTop),
-            y2: es(s, t, e.scrollTop)
+            x1: es(o, t, e.scrollLeft),
+            x2: es(s, t, e.scrollLeft),
+            y1: ts(o, t, e.scrollTop),
+            y2: ts(s, t, e.scrollTop)
           }]);
         }, []);
-      rs(m, {
+      is(m, {
         height: e.scrollHeight,
         lines: n,
         width: e.scrollWidth
@@ -6420,7 +6422,7 @@ function gs(_ref108) {
   }, [i, b, x]);
   function S(e, t) {
     return function (n) {
-      var r = bs(e, t);
+      var r = xs(e, t);
       if (n) {
         g.current.set(r, n);
         return;
@@ -6452,7 +6454,7 @@ function gs(_ref108) {
   }
   function T(n, r) {
     return (0, t.jsxs)("section", {
-      className: ms.column,
+      className: hs.column,
       children: [(0, t.jsx)("div", {
         className: "flex min-w-0 flex-wrap items-center justify-end gap-2",
         children: (0, t.jsx)(Ya, {
@@ -6463,7 +6465,7 @@ function gs(_ref108) {
           onChange: function onChange(e) {
             return e ? C(Vr(_, n.columnId, e)) : void 0;
           },
-          options: hs.map(function (e) {
+          options: gs.map(function (e) {
             return {
               label: u("questionContentEditor.matching.labels.".concat(e)),
               value: e
@@ -6472,7 +6474,7 @@ function gs(_ref108) {
           value: n.labelStyle
         })
       }), (0, t.jsx)("div", {
-        className: ms.items,
+        className: hs.items,
         children: n.items.map(function (e, t) {
           return te(n, r, e, t);
         })
@@ -6493,16 +6495,16 @@ function gs(_ref108) {
   function te(n, r, a, o) {
     var c = kn(n.labelStyle, o),
       l = (d == null ? void 0 : d.itemId) === a.itemId,
-      f = _s(_, a.itemId),
-      p = vs(_, a.itemId),
+      f = vs(_, a.itemId),
+      p = ys(_, a.itemId),
       m = f || p,
       h = c ? "".concat(c, ". ").concat(a.content.text) : a.content.text,
-      g = ys(i);
+      g = bs(i);
     return (0, t.jsxs)("div", {
-      className: Yo(ms.item, l ? ms.selected : "", m ? ms.matched : ""),
+      className: Xo(hs.item, l ? hs.selected : "", m ? hs.matched : ""),
       "data-testid": "matching-editor-item-".concat(a.itemId),
       style: g,
-      children: [ne(r, a, o, c, h, f), (0, t.jsx)(I, {
+      children: [ne(r, a, o, c, h, f), (0, t.jsx)(F, {
         controls: s,
         disabled: e,
         label: u("questionContentEditor.matching.itemAria", {
@@ -6536,7 +6538,7 @@ function gs(_ref108) {
     return i ? (0, t.jsx)("button", {
       "aria-label": ie("incoming", n, a, r.content.text),
       "aria-pressed": c,
-      className: Yo(ms.marker, B["incoming-marker"], c && B["connect-button-connected"]),
+      className: Xo(hs.marker, z["incoming-marker"], c && z["connect-button-connected"]),
       disabled: e,
       onClick: function onClick() {
         return w(n, r.itemId, s);
@@ -6548,10 +6550,10 @@ function gs(_ref108) {
       type: "button",
       children: o || (0, t.jsx)("span", {
         "aria-hidden": "true",
-        className: B["connect-dot"]
+        className: z["connect-dot"]
       })
     }) : o ? (0, t.jsx)("span", {
-      className: ms.marker,
+      className: hs.marker,
       children: o
     }) : (0, t.jsx)("span", {});
   }
@@ -6559,7 +6561,7 @@ function gs(_ref108) {
     return i ? (0, t.jsx)("button", {
       "aria-label": ie("outgoing", n, a, r.content.text),
       "aria-pressed": s,
-      className: Yo(B["connect-handle"], B["connect-handle-outgoing"], s && B["connect-button-selected"], c && B["connect-button-connected"]),
+      className: Xo(z["connect-handle"], z["connect-handle-outgoing"], s && z["connect-button-selected"], c && z["connect-button-connected"]),
       disabled: e,
       onClick: function onClick() {
         return w(n, r.itemId, o);
@@ -6571,7 +6573,7 @@ function gs(_ref108) {
       type: "button",
       children: (0, t.jsx)("span", {
         "aria-hidden": "true",
-        className: B["connect-dot"]
+        className: z["connect-dot"]
       })
     }) : null;
   }
@@ -6583,7 +6585,7 @@ function gs(_ref108) {
     });
   }
   return (0, t.jsxs)("div", {
-    className: ms.board,
+    className: hs.board,
     children: [i ? (0, t.jsx)("div", {
       "aria-live": "polite",
       className: "rounded-md border border-blue-100 bg-blue-50 px-3 py-2 text-sm text-blue-700",
@@ -6591,12 +6593,12 @@ function gs(_ref108) {
         label: d.label
       }) : u("questionContentEditor.matching.connectHintIdle")
     }) : null, (0, t.jsxs)("div", {
-      className: ms["connect-board"],
+      className: hs["connect-board"],
       "data-testid": "matching-editor-board",
       ref: h,
       children: [i && p ? (0, t.jsx)("svg", {
         "aria-hidden": "true",
-        className: z.lines,
+        className: R.lines,
         "data-testid": "matching-editor-lines",
         style: {
           height: "".concat(p.height, "px"),
@@ -6606,7 +6608,7 @@ function gs(_ref108) {
         viewBox: "0 0 ".concat(p.width, " ").concat(p.height),
         children: p.lines.map(function (e) {
           return (0, t.jsx)("line", {
-            className: z.line,
+            className: R.line,
             x1: e.x1,
             x2: e.x2,
             y1: e.y1,
@@ -6614,7 +6616,7 @@ function gs(_ref108) {
           }, e.key);
         })
       }) : null, (0, t.jsx)("div", {
-        className: ms.columns,
+        className: hs.columns,
         style: v,
         children: _.columns.map(function (e, t) {
           return T(e, t);
@@ -6623,24 +6625,24 @@ function gs(_ref108) {
     })]
   });
 }
-function _s(e, t) {
+function vs(e, t) {
   return Object.values(e.answers).some(function (e) {
     return e.includes(t);
   });
 }
-function vs(e, t) {
+function ys(e, t) {
   var n;
   return ((n = e.answers[t]) == null ? [] : n).length > 0;
 }
-function ys(e) {
+function bs(e) {
   return {
     gridTemplateColumns: e ? "2rem minmax(0, 1fr) auto auto" : "2rem minmax(0, 1fr) auto"
   };
 }
-function bs(e, t) {
+function xs(e, t) {
   return "".concat(t, ":").concat(e);
 }
-function xs() {
+function Ss() {
   return (0, t.jsx)("svg", {
     "aria-hidden": "true",
     focusable: "false",
@@ -6657,121 +6659,50 @@ function xs() {
     })
   });
 }
-var Ss = {
-    media: "_media_1yuwz_1",
-    file: "_file_1yuwz_8",
-    "video-trigger": "_video-trigger_1yuwz_28",
-    "video-dialog": "_video-dialog_1yuwz_53",
-    "dialog-content": "_dialog-content_1yuwz_70",
-    "dialog-header": "_dialog-header_1yuwz_75",
-    "dialog-close": "_dialog-close_1yuwz_85",
-    "dialog-video": "_dialog-video_1yuwz_97",
-    "dialog-error": "_dialog-error_1yuwz_105",
-    "video-playback-area": "_video-playback-area_1yuwz_117"
+var B = {
+    media: "_media_1yvsi_1",
+    file: "_file_1yvsi_8",
+    "video-trigger": "_video-trigger_1yvsi_28",
+    "video-dialog": "_video-dialog_1yvsi_53",
+    "dialog-content": "_dialog-content_1yvsi_70",
+    "dialog-header": "_dialog-header_1yvsi_75",
+    "dialog-close": "_dialog-close_1yvsi_85",
+    "dialog-video": "_dialog-video_1yvsi_97",
+    "dialog-error": "_dialog-error_1yvsi_105",
+    "video-playback-area": "_video-playback-area_1yvsi_117",
+    "audio-dialog": "_audio-dialog_1yvsi_161",
+    "dialog-audio": "_dialog-audio_1yvsi_165"
   },
-  Cs = {
-    list: "_list_8zavn_1",
-    file: "_file_8zavn_7",
-    "video-trigger": "_video-trigger_8zavn_22",
-    visual: "_visual_8zavn_35",
-    "audio-visual": "_audio-visual_8zavn_36",
-    waveform: "_waveform_8zavn_58",
-    caption: "_caption_8zavn_63",
-    badge: "_badge_8zavn_74",
-    filename: "_filename_8zavn_83"
+  V = {
+    list: "_list_ndlif_1",
+    file: "_file_ndlif_7",
+    "video-trigger": "_video-trigger_ndlif_23",
+    visual: "_visual_ndlif_36",
+    "audio-visual": "_audio-visual_ndlif_37",
+    overlay: "_overlay_ndlif_58",
+    waveform: "_waveform_ndlif_91",
+    caption: "_caption_ndlif_99",
+    badge: "_badge_ndlif_110",
+    filename: "_filename_ndlif_124",
+    editable: "_editable_ndlif_141",
+    actions: "_actions_ndlif_145"
   };
-function ws(_ref113) {
+function Cs(_ref113) {
   var e = _ref113.file,
-    i = _ref113.locale,
-    _ref113$presentation = _ref113.presentation,
-    a = _ref113$presentation === void 0 ? "filename" : _ref113$presentation;
-  var _ref114 = (0, n.useState)(!1),
+    r = _ref113.locale,
+    i = _ref113.onClose;
+  var a = (0, n.useRef)(null),
+    _ref114 = (0, n.useState)(!1),
     _ref115 = _slicedToArray(_ref114, 2),
     o = _ref115[0],
-    s = _ref115[1],
-    c = (0, n.useRef)(null),
-    l = za[i];
-  function u() {
-    var e;
-    s(!1), (e = c.current) == null || e.focus(), requestAnimationFrame(function () {
-      var e;
-      return (e = c.current) == null ? void 0 : e.focus();
-    });
-  }
-  var d = (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsx)("video", {
-      "aria-hidden": "true",
-      muted: !0,
-      playsInline: !0,
-      preload: "metadata",
-      src: e.src
-    }), (0, t.jsx)("svg", {
-      "aria-hidden": "true",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      children: (0, t.jsx)("path", {
-        d: "M8 5v14l11-7z"
-      })
-    })]
-  });
-  return (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsxs)("button", {
-      className: a === "preview" ? Cs["video-trigger"] : Ss["video-trigger"],
-      type: "button",
-      ref: c,
-      "aria-label": "".concat(l.playVideo, ": ").concat(e.name),
-      title: "".concat(l.playVideo, ": ").concat(e.name),
-      onClick: function onClick() {
-        return s(!0);
-      },
-      children: [a === "preview" && (0, t.jsx)("span", {
-        className: "".concat(Ss["video-playback-area"], " ").concat(Cs.visual),
-        children: d
-      }), a === "preview" ? (0, t.jsxs)("span", {
-        className: Cs.caption,
-        children: [(0, t.jsx)("span", {
-          className: Cs.badge,
-          children: l.video
-        }), (0, t.jsx)("span", {
-          className: Cs.filename,
-          children: e.name
-        })]
-      }) : (0, t.jsx)("span", {
-        children: e.name
-      })]
-    }), a === "editor" && (0, t.jsx)("button", {
-      className: Ss["video-playback-area"],
-      type: "button",
-      "aria-label": "".concat(l.playVideo, ": ").concat(e.name),
-      onClick: function onClick() {
-        return s(!0);
-      },
-      children: d
-    }), o && (0, r.createPortal)((0, t.jsx)(Ts, {
-      file: e,
-      locale: i,
-      onClose: u
-    }), document.body)]
-  });
-}
-function Ts(_ref116) {
-  var e = _ref116.file,
-    r = _ref116.locale,
-    i = _ref116.onClose;
-  var a = (0, n.useRef)(null),
-    _ref117 = (0, n.useState)(!1),
-    _ref118 = _slicedToArray(_ref117, 2),
-    o = _ref118[0],
-    s = _ref118[1];
+    s = _ref115[1];
   (0, n.useEffect)(function () {
     var e;
     (e = a.current) == null || e.showModal();
   }, []);
   var c = za[r];
   return (0, t.jsx)("dialog", {
-    className: Ss["video-dialog"],
+    className: "".concat(B["video-dialog"], " ").concat(e.kind === "audio" ? B["audio-dialog"] : ""),
     ref: a,
     "aria-label": e.name,
     onCancel: function onCancel(e) {
@@ -6781,20 +6712,29 @@ function Ts(_ref116) {
       e.target === e.currentTarget && i();
     },
     children: (0, t.jsxs)("div", {
-      className: Ss["dialog-content"],
+      className: B["dialog-content"],
       children: [(0, t.jsxs)("div", {
-        className: Ss["dialog-header"],
+        className: B["dialog-header"],
         children: [(0, t.jsx)("strong", {
           children: e.name
         }), (0, t.jsx)("button", {
-          className: Ss["dialog-close"],
+          className: B["dialog-close"],
           type: "button",
           "aria-label": c.close,
           onClick: i,
           children: "\xD7"
         })]
-      }), (0, t.jsx)("video", {
-        className: Ss["dialog-video"],
+      }), e.kind === "audio" ? (0, t.jsx)("audio", {
+        className: B["dialog-audio"],
+        "aria-label": e.name,
+        controls: !0,
+        preload: "metadata",
+        src: e.src,
+        onError: function onError() {
+          return s(!0);
+        }
+      }) : (0, t.jsx)("video", {
+        className: B["dialog-video"],
         "aria-label": e.name,
         controls: !0,
         playsInline: !0,
@@ -6804,115 +6744,196 @@ function Ts(_ref116) {
           return s(!0);
         }
       }), o && (0, t.jsx)("p", {
-        className: Ss["dialog-error"],
+        className: B["dialog-error"],
         role: "status",
         children: c.playbackFailed
       })]
     })
   });
 }
-function Es(_ref119) {
+function ws(_ref116) {
+  var e = _ref116.file,
+    i = _ref116.locale;
+  var _ref117 = (0, n.useState)(!1),
+    _ref118 = _slicedToArray(_ref117, 2),
+    a = _ref118[0],
+    o = _ref118[1],
+    s = (0, n.useRef)(null),
+    c = za[i];
+  function l() {
+    o(!1), requestAnimationFrame(function () {
+      var e;
+      return (e = s.current) == null ? void 0 : e.focus();
+    });
+  }
+  return (0, t.jsxs)(t.Fragment, {
+    children: [(0, t.jsxs)("button", {
+      ref: s,
+      className: V["audio-visual"],
+      type: "button",
+      "aria-label": "".concat(c.playAudio, ": ").concat(e.name),
+      title: c.playAudio,
+      onClick: function onClick() {
+        return o(!0);
+      },
+      children: [(0, t.jsx)("svg", {
+        className: V.waveform,
+        "aria-hidden": "true",
+        width: "132",
+        height: "36",
+        viewBox: "0 0 132 36",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "4",
+        strokeLinecap: "round",
+        children: (0, t.jsx)("path", {
+          d: "M4 15v6m10-12v18m10-16v14m10-21v28m10-17v6m10-11v16m10-23v30m10-24v18m10-13v8m10-18v28m10-21v14m10-17v20m10-13v6"
+        })
+      }), (0, t.jsx)("span", {
+        className: V.overlay,
+        children: (0, t.jsx)("svg", {
+          "aria-hidden": "true",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          children: (0, t.jsx)("path", {
+            d: "M8 5v14l11-7z"
+          })
+        })
+      })]
+    }), (0, t.jsxs)("div", {
+      className: V.caption,
+      title: e.name,
+      children: [(0, t.jsx)("span", {
+        className: V.badge,
+        children: c.audio
+      }), (0, t.jsx)("span", {
+        className: V.filename,
+        children: e.name
+      })]
+    }), a && (0, r.createPortal)((0, t.jsx)(Cs, {
+      file: e,
+      locale: i,
+      onClose: l
+    }), document.body)]
+  });
+}
+function Ts(_ref119) {
   var e = _ref119.file,
-    r = _ref119.locale;
+    i = _ref119.locale,
+    _ref119$presentation = _ref119.presentation,
+    a = _ref119$presentation === void 0 ? "filename" : _ref119$presentation;
   var _ref120 = (0, n.useState)(!1),
     _ref121 = _slicedToArray(_ref120, 2),
-    i = _ref121[0],
-    a = _ref121[1],
-    o = {
-      "aria-label": e.name,
-      controls: !0,
-      onError: function onError() {
-        return a(!0);
-      },
-      preload: "metadata",
-      src: e.src
-    };
+    o = _ref121[0],
+    s = _ref121[1],
+    c = (0, n.useRef)(null),
+    l = za[i];
+  function u() {
+    var e;
+    s(!1), (e = c.current) == null || e.focus(), requestAnimationFrame(function () {
+      var e;
+      return (e = c.current) == null ? void 0 : e.focus();
+    });
+  }
+  var d = (0, t.jsx)("svg", {
+      "aria-hidden": "true",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: (0, t.jsx)("path", {
+        d: "M8 5v14l11-7z"
+      })
+    }),
+    f = (0, t.jsxs)(t.Fragment, {
+      children: [(0, t.jsx)("video", {
+        "aria-hidden": "true",
+        muted: !0,
+        playsInline: !0,
+        preload: "metadata",
+        src: e.src
+      }), a === "preview" ? (0, t.jsx)("span", {
+        className: V.overlay,
+        children: d
+      }) : d]
+    });
   return (0, t.jsxs)(t.Fragment, {
-    children: [e.kind === "audio" ? (0, t.jsx)("audio", l({}, o)) : (0, t.jsx)(ws, {
+    children: [(0, t.jsxs)("button", {
+      className: a === "preview" ? V["video-trigger"] : B["video-trigger"],
+      type: "button",
+      ref: c,
+      "aria-label": "".concat(l.playVideo, ": ").concat(e.name),
+      title: "".concat(l.playVideo, ": ").concat(e.name),
+      onClick: function onClick() {
+        return s(!0);
+      },
+      children: [a === "preview" && (0, t.jsx)("span", {
+        className: "".concat(B["video-playback-area"], " ").concat(V.visual),
+        children: f
+      }), a === "preview" ? (0, t.jsxs)("span", {
+        className: V.caption,
+        children: [(0, t.jsx)("span", {
+          className: V.badge,
+          children: l.video
+        }), (0, t.jsx)("span", {
+          className: V.filename,
+          children: e.name
+        })]
+      }) : (0, t.jsx)("span", {
+        children: e.name
+      })]
+    }), o && (0, r.createPortal)((0, t.jsx)(Cs, {
       file: e,
-      locale: r
-    }), i && (0, t.jsx)("p", {
-      role: "status",
-      children: za[r].playbackFailed
-    })]
+      locale: i,
+      onClose: u
+    }), document.body)]
   });
 }
-function Ds(_ref122) {
+function Es(_ref122) {
   var e = _ref122.item,
     n = _ref122.locale,
     _ref122$print = _ref122.print,
-    r = _ref122$print === void 0 ? !1 : _ref122$print;
+    r = _ref122$print === void 0 ? !1 : _ref122$print,
+    i = _ref122.renderFileActions;
   return (0, t.jsx)("div", {
-    className: "".concat(Ss.media, " ").concat(r ? "" : Cs.list),
+    className: "".concat(B.media, " ").concat(r ? "" : V.list),
     children: e.files.map(function (e) {
-      return (0, t.jsx)("div", {
-        className: r ? Ss.file : Cs.file,
-        children: r ? (0, t.jsxs)("div", {
+      return (0, t.jsxs)("div", {
+        className: "".concat(r ? B.file : V.file, " ").concat(!r && i ? V.editable : ""),
+        children: [r ? (0, t.jsxs)("div", {
           children: [za[n][e.kind], ": ", e.name]
-        }) : (0, t.jsx)(Os, {
+        }) : (0, t.jsx)(Ds, {
           file: e,
           locale: n
-        })
+        }), !r && i && (0, t.jsx)("div", {
+          className: V.actions,
+          children: i(e)
+        })]
       }, e.id);
     })
   });
 }
-function Os(_ref123) {
+function Ds(_ref123) {
   var e = _ref123.file,
     n = _ref123.locale;
-  return e.kind === "video" ? (0, t.jsx)(ws, {
+  return e.kind === "video" ? (0, t.jsx)(Ts, {
     file: e,
     locale: n,
     presentation: "preview"
-  }, e.src) : (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsxs)("div", {
-      className: Cs["audio-visual"],
-      children: [(0, t.jsx)("svg", {
-        className: Cs.waveform,
-        "aria-hidden": "true",
-        width: "132",
-        height: "36",
-        viewBox: "0 0 132 36",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "4",
-        strokeLinecap: "round",
-        children: (0, t.jsx)("path", {
-          d: "M4 15v6m10-12v18m10-16v14m10-21v28m10-17v6m10-11v16m10-23v30m10-24v18m10-13v8m10-18v28m10-21v14m10-17v20m10-13v6"
-        })
-      }), (0, t.jsx)(Es, {
-        file: e,
-        locale: n
-      }, e.src)]
-    }), (0, t.jsxs)("div", {
-      className: Cs.caption,
-      title: e.name,
-      children: [(0, t.jsx)("span", {
-        className: Cs.badge,
-        children: za[n].audio
-      }), (0, t.jsx)("span", {
-        className: Cs.filename,
-        children: e.name
-      })]
-    })]
-  });
-}
-var V = {
-  editor: "_editor_5kbnx_1",
-  upload: "_upload_5kbnx_6",
-  "upload-icon": "_upload-icon_5kbnx_29",
-  "upload-title": "_upload-title_5kbnx_40",
-  hint: "_hint_5kbnx_45",
-  files: "_files_5kbnx_74",
-  file: "_file_5kbnx_74",
-  "file-heading": "_file-heading_5kbnx_98",
-  badge: "_badge_5kbnx_107",
-  filename: "_filename_5kbnx_116",
-  actions: "_actions_5kbnx_125",
-  status: "_status_5kbnx_136",
-  "action-button": "_action-button_5kbnx_148",
-  "audio-player": "_audio-player_5kbnx_157",
-  "video-heading": "_video-heading_5kbnx_164"
+  }, e.src) : (0, t.jsx)(ws, {
+    file: e,
+    locale: n
+  }, e.src);
+}
+var Os = {
+  editor: "_editor_mwfet_1",
+  upload: "_upload_mwfet_6",
+  "upload-icon": "_upload-icon_mwfet_29",
+  "upload-title": "_upload-title_mwfet_40",
+  hint: "_hint_mwfet_45",
+  status: "_status_mwfet_74"
 };
 function ks(_ref124) {
   var e = _ref124.disabled,
@@ -6951,7 +6972,7 @@ function ks(_ref124) {
     return v.apply(this, arguments);
   }
   function v() {
-    return v = Wo(_regenerator().m(function _callee2(t) {
+    return v = Go(_regenerator().m(function _callee2(t) {
       var _iterator2, _step2, _e3, _t7;
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.p = _context2.n) {
@@ -7007,7 +7028,7 @@ function ks(_ref124) {
     return b.apply(this, arguments);
   }
   function b() {
-    return b = Wo(_regenerator().m(function _callee3(e, t) {
+    return b = Go(_regenerator().m(function _callee3(e, t) {
       var _n5, _r4, _i3, _t8;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.p = _context3.n) {
@@ -7069,13 +7090,13 @@ function ks(_ref124) {
     });
   }
   return (0, t.jsxs)("div", {
-    className: "".concat(Ss.media, " ").concat(V.editor),
+    className: "".concat(B.media, " ").concat(Os.editor),
     children: [(0, t.jsxs)("label", {
-      className: V.upload,
+      className: Os.upload,
       "data-disabled": h || !a,
       "aria-busy": s,
       children: [(0, t.jsx)("span", {
-        className: V["upload-icon"],
+        className: Os["upload-icon"],
         "aria-hidden": "true",
         children: (0, t.jsx)("svg", {
           width: "24",
@@ -7091,17 +7112,17 @@ function ks(_ref124) {
           })
         })
       }), (0, t.jsx)("span", {
-        className: V["upload-title"],
+        className: Os["upload-title"],
         children: m.add
       }), (0, t.jsx)("span", {
-        className: V.hint,
+        className: Os.hint,
         children: m.uploadHint
       }), x()]
     }), !a && (0, t.jsx)("p", {
       role: "status",
       children: m.missingUploader
     }), s && (0, t.jsx)("p", {
-      className: V.status,
+      className: Os.status,
       role: "status",
       children: m.uploading
     }), l.length > 0 && (0, t.jsx)("div", {
@@ -7111,48 +7132,22 @@ function ks(_ref124) {
           children: e
         }, n);
       })
-    }), (0, t.jsx)("div", {
-      className: V.files,
-      children: r.files.map(function (e) {
-        return (0, t.jsxs)("div", {
-          className: V.file,
-          children: [(0, t.jsxs)("div", {
-            className: "".concat(V["file-heading"], " ").concat(e.kind === "video" ? V["video-heading"] : ""),
-            children: [(0, t.jsx)("span", {
-              className: V.badge,
-              children: m[e.kind]
-            }), e.kind === "video" ? (0, t.jsx)(ws, {
-              file: e,
-              locale: o,
-              presentation: "editor"
-            }, e.src) : (0, t.jsx)("span", {
-              className: V.filename,
-              title: e.name,
-              children: e.name
-            })]
-          }), e.kind === "audio" && (0, t.jsx)("div", {
-            className: V["audio-player"],
-            children: (0, t.jsx)(Es, {
-              file: e,
-              locale: o
-            }, e.src)
-          }), (0, t.jsx)("div", {
-            className: V.actions,
-            children: (0, t.jsx)(N, {
-              className: V["action-button"],
-              "aria-label": m.remove,
-              title: m.remove,
-              disabled: h,
-              onClick: function onClick() {
-                return g(r.files.filter(function (t) {
-                  return t.id !== e.id;
-                }));
-              },
-              children: (0, t.jsx)(xs, {})
-            })
-          })]
-        }, e.id);
-      })
+    }), (0, t.jsx)(Es, {
+      item: r,
+      locale: o,
+      renderFileActions: function renderFileActions(e) {
+        return (0, t.jsx)(N, {
+          "aria-label": m.remove,
+          title: m.remove,
+          disabled: h,
+          onClick: function onClick() {
+            return g(r.files.filter(function (t) {
+              return t.id !== e.id;
+            }));
+          },
+          children: (0, t.jsx)(Ss, {})
+        });
+      }
     })]
   });
 }
@@ -7222,7 +7217,7 @@ function As(_ref129) {
               className: "text-center",
               strong: !0,
               children: u
-            }), (0, t.jsx)(I, {
+            }), (0, t.jsx)(F, {
               controls: o,
               disabled: e,
               label: c("questionContentEditor.option.optionAria", {
@@ -7263,7 +7258,7 @@ function As(_ref129) {
   }
   function b(n, r) {
     var i;
-    return (0, t.jsx)(I, {
+    return (0, t.jsx)(F, {
       controls: o,
       disabled: e,
       label: c("questionContentEditor.table.cellAria", {
@@ -7331,7 +7326,7 @@ function As(_ref129) {
                 className: "flex min-w-72 items-start gap-2",
                 children: [(0, t.jsx)("div", {
                   className: "min-w-0 flex-1",
-                  children: (0, t.jsx)(I, {
+                  children: (0, t.jsx)(F, {
                     controls: o,
                     disabled: e,
                     label: c("questionContentEditor.table.headerAria", {
@@ -7438,7 +7433,7 @@ function js(_ref131) {
             className: "text-center",
             strong: !0,
             children: i + 1
-          }), (0, t.jsx)(I, {
+          }), (0, t.jsx)(F, {
             controls: a,
             disabled: e,
             label: s("questionContentEditor.ordering.optionAria", {
@@ -7528,7 +7523,7 @@ function Ms(_ref132) {
     i = _ref132.richTextControls,
     a = _ref132.translator;
   var o = a.t;
-  return (0, t.jsx)(I, {
+  return (0, t.jsx)(F, {
     controls: i,
     disabled: e,
     label: o("questionContentEditor.fields.textContent"),
@@ -7596,7 +7591,7 @@ function Ps(_ref133) {
         size: "small",
         children: d("questionContentEditor.actions.markTextSelection")
       })]
-    }), (0, t.jsx)(I, {
+    }), (0, t.jsx)(F, {
       controls: o,
       disabled: e,
       editorRef: u,
@@ -7718,7 +7713,7 @@ function Is(_ref134) {
         size: "small",
         children: d("questionContentEditor.actions.insertInlineBlank")
       })]
-    }), (0, t.jsx)(I, {
+    }), (0, t.jsx)(F, {
       controls: s,
       disabled: e,
       editorRef: f,
@@ -7821,7 +7816,7 @@ function Ls(_ref135) {
       locale: (u = c.locale) == null ? "zh-CN" : u
     }));
   }
-  return n.type === "imageSelect" ? zs(s, null, (0, t.jsx)(Ko, {
+  return n.type === "imageSelect" ? zs(s, null, (0, t.jsx)(qo, {
     disabled: e,
     element: n,
     hasAnswer: r,
@@ -7829,7 +7824,7 @@ function Ls(_ref135) {
     onChange: a,
     richTextControls: o,
     translator: c
-  })) : n.type === "inlineFill" ? (0, t.jsx)(bo, {
+  })) : n.type === "inlineFill" ? (0, t.jsx)(xo, {
     disabled: e,
     element: n,
     hasAnswer: r,
@@ -7847,7 +7842,7 @@ function Ls(_ref135) {
     richTextControls: o,
     title: s,
     translator: c
-  }) : n.type === "classification" ? zs(s, null, (0, t.jsx)(yo, {
+  }) : n.type === "classification" ? zs(s, null, (0, t.jsx)(bo, {
     disabled: e,
     hasAnswer: r,
     item: i,
@@ -7892,7 +7887,7 @@ function Rs(_ref136) {
           return a(Bs(i, r));
         },
         children: l("questionContentEditor.actions.addBlank")
-      }), (0, t.jsx)(mo, {
+      }), (0, t.jsx)(ho, {
         disabled: e,
         hasAnswer: r,
         item: i,
@@ -7911,7 +7906,7 @@ function Rs(_ref136) {
         translator: c
       }));
     case "judgement":
-      return zs(s, null, (0, t.jsx)(Jo, {
+      return zs(s, null, (0, t.jsx)(Yo, {
         disabled: e,
         element: n,
         hasAnswer: r,
@@ -7920,7 +7915,7 @@ function Rs(_ref136) {
         translator: c
       }));
     case "lineConnect":
-      return zs(s, null, (0, t.jsx)(ss, {
+      return zs(s, null, (0, t.jsx)(cs, {
         disabled: e,
         element: n,
         hasAnswer: r,
@@ -7930,7 +7925,7 @@ function Rs(_ref136) {
         translator: c
       }));
     case "matching":
-      return zs(s, null, (0, t.jsx)(gs, {
+      return zs(s, null, (0, t.jsx)(_s, {
         disabled: e,
         element: n,
         hasAnswer: r,
@@ -9893,7 +9888,7 @@ var wu = {
     },
     blankGroup: Tu,
     classification: Eu,
-    lineConnect: z,
+    lineConnect: R,
     matching: Du,
     renderer: G,
     sectionTitle: {
@@ -10765,7 +10760,7 @@ function pd(_ref169) {
     n = _ref169.showAnswer,
     r = _ref169.messages;
   return (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsx)(Ro, {
+    children: [(0, t.jsx)(zo, {
       item: e,
       selectedIds: [],
       showAnswer: n,
@@ -10816,7 +10811,7 @@ function gd(_ref170) {
   var d = i.items[a];
   if (d.type !== "imageSelect" || d.answerType !== r.config.answerType) throw TypeError("imageSelect: answerType mismatch");
   return (0, t.jsxs)(t.Fragment, {
-    children: [(0, t.jsx)(Ro, {
+    children: [(0, t.jsx)(zo, {
       item: n,
       selectedIds: b(d, n.objects),
       disabled: e || !!c,
@@ -10993,7 +10988,7 @@ function Sd(_ref173) {
       gridTemplateColumns: "repeat(".concat(i.columns.length, ", fit-content(16rem))")
     },
     y = (0, n.useMemo)(function () {
-      return Qo(i, _.connections);
+      return $o(i, _.connections);
     }, [i, _.connections]),
     b = (0, n.useMemo)(function () {
       return JSON.stringify({
@@ -11020,13 +11015,13 @@ function Sd(_ref173) {
             s = a.getBoundingClientRect();
           return [].concat(_toConsumableArray(n), [{
             key: r.key,
-            x1: ns(o, t, e.scrollLeft),
-            x2: ts(s, t, e.scrollLeft),
-            y1: es(o, t, e.scrollTop),
-            y2: es(s, t, e.scrollTop)
+            x1: rs(o, t, e.scrollLeft),
+            x2: ns(s, t, e.scrollLeft),
+            y1: ts(o, t, e.scrollTop),
+            y2: ts(s, t, e.scrollTop)
           }]);
         }, []);
-      rs(m, {
+      is(m, {
         height: e.scrollHeight,
         lines: n,
         width: e.scrollWidth
@@ -11077,12 +11072,12 @@ function Sd(_ref173) {
   return (0, t.jsxs)("div", {
     className: G.element,
     children: [(0, t.jsxs)("div", {
-      className: z.board,
+      className: R.board,
       "data-testid": "line-connect-player-board",
       ref: h,
       children: [p ? (0, t.jsx)("svg", {
         "aria-hidden": "true",
-        className: z.lines,
+        className: R.lines,
         "data-testid": "line-connect-player-lines",
         style: {
           height: "".concat(p.height, "px"),
@@ -11098,7 +11093,7 @@ function Sd(_ref173) {
               return e.fromItemId === (i == null ? void 0 : i.fromItemId) && e.toItemId === (i == null ? void 0 : i.toItemId);
             })) == null ? void 0 : r.status;
           return (0, t.jsx)("line", {
-            className: U(z.line, Xl.line, Ql(a)),
+            className: U(R.line, Xl.line, Ql(a)),
             "data-grading-status": a,
             x1: n.x1,
             x2: n.x2,
@@ -11107,29 +11102,29 @@ function Sd(_ref173) {
           }, n.key);
         })
       }) : null, (0, t.jsx)("div", {
-        className: U(z.columns, z["player-columns"]),
+        className: U(R.columns, R["player-columns"]),
         style: v,
         children: i.columns.map(function (n, i) {
           return (0, t.jsx)("section", {
-            className: z.column,
+            className: R.column,
             children: n.items.map(function (a, o) {
               var s = On(n.labelStyle, o),
                 c = !e && (d == null ? void 0 : d.itemId) === a.itemId;
               return (0, t.jsx)("div", {
-                className: U(z.item, c && z.selected),
+                className: U(R.item, c && R.selected),
                 "data-selected": c ? "true" : void 0,
                 "data-testid": "line-connect-player-item-".concat(a.itemId),
                 ref: S(a.itemId),
                 children: (0, t.jsxs)("button", {
                   "aria-pressed": c,
-                  className: z.button,
+                  className: R.button,
                   disabled: r,
                   onClick: function onClick() {
                     return C(i, a.itemId);
                   },
                   type: "button",
                   children: [s ? (0, t.jsx)("span", {
-                    className: z.marker,
+                    className: R.marker,
                     children: s
                   }) : null, (0, t.jsx)(J, {
                     content: a.content
@@ -11141,7 +11136,7 @@ function Sd(_ref173) {
         })
       })]
     }), r ? null : (0, t.jsx)("p", {
-      className: z.hint,
+      className: R.hint,
       children: a.lineConnectHint
     }), u ? (0, t.jsx)(Y, {
       groups: bd(i),
@@ -11895,7 +11890,7 @@ function Gd(_ref190) {
       n = c && r.includes(e);
     return {
       answer: n,
-      className: Yo(l.marker, o ? l["marker-button"] : "", t ? l["marker-selected"] : "", n ? l["marker-answer"] : ""),
+      className: Xo(l.marker, o ? l["marker-button"] : "", t ? l["marker-selected"] : "", n ? l["marker-answer"] : ""),
       selected: t
     };
   }
@@ -11986,7 +11981,7 @@ function Yd(_ref192) {
   var l = fl(o, s);
   return e ? j(l.content) ? null : (0, t.jsx)(J, {
     content: l.content
-  }) : (0, t.jsx)(so, {
+  }) : (0, t.jsx)(co, {
     ariaLabel: r,
     locale: n,
     onChange: function onChange(e) {
@@ -12302,7 +12297,7 @@ function tf(_ref197) {
   }
 }
 function nf(e, n) {
-  return e.type === "media" ? (0, t.jsx)(Ds, {
+  return e.type === "media" ? (0, t.jsx)(Es, {
     item: e,
     locale: n
   }) : (0, t.jsx)(J, {
@@ -13174,7 +13169,7 @@ function Mf(_ref216) {
   }
 }
 function Nf(e, n, r, i, a) {
-  return e.type === "media" ? (0, t.jsx)(Ds, {
+  return e.type === "media" ? (0, t.jsx)(Es, {
     item: e,
     locale: i,
     print: a
@@ -14652,4 +14647,4 @@ function Gp(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 = fc, exports.QuestionPlayer = pf, exports.QuestionPreview = qf, exports.QuestionPrintPreview = cp, exports.QuestionRichContentView = J, exports.QuestionStructureEditor = Up, exports.addBlankToGroup = ur, exports.alignQuestionContentDraftWithStructure = Rn, exports.assignBlankToAnswerGroup = mr, exports.cn = Yo, exports.createBlankAnswerGroupWithBlank = hr, exports.createEmptyQuestionContentDraft = gn, exports.createEmptyQuestionPlayerResponse = el, exports.createEmptyQuestionStructureDraft = xe, exports.createQuestionContentDraftFromSerialized = Ln, exports.createQuestionContentId = E, exports.createQuestionContentStructureFromDraft = hc, exports.createQuestionPreviewDraft = gc, exports.createQuestionStructureElement = Ce, exports.createQuestionStructureExtra = Se, exports.createRichContentValue = A, exports.createRichContentValueFromDocument = xn, exports.createRichTextContent = qe, exports.deleteBlankFromGroup = dr, exports.deleteQuestionStructureElement = De, exports.deleteQuestionStructureExtra = Ee, exports.detachBlankFromAnswerGroup = gr, exports.findQuestionContentQuestionTypeStructure = Da, exports.findQuestionContentQuestionTypeTemplate = ja, exports.getQuestionContentJudgementOptions = An, exports.getQuestionContentOptionMarker = Dn, exports.getQuestionContentTextMarkerAnswerText = Cn, exports.getQuestionStructureDraftChangeKind = vc, exports.getQuestionStructureElementDefaultEnName = k, exports.getQuestionStructureElementDefaultName = O, exports.getQuestionStructureExtraDefaultEnName = Pe, exports.getQuestionStructureExtraDefaultName = Ne, exports.getRichContentDocument = wn, exports.getSharedBlankAnswerGroups = pr, exports.isCompositeQuestionContentStructure = hn, exports.isQuestionContentDraftEmpty = Fn, exports.moveQuestionStructureElement = Oe, exports.normalizeFillTextCandidateState = qn, exports.normalizeRichTextContent = Je, exports.questionStructureElementTypes = he, exports.questionStructureExtraTypes = ge, exports.reconcileQuestionContentDraftWithTemplates = Ma, exports.resetImageAnswerMode = te, exports.serializeQuestionContentDraft = In, exports.serializeQuestionStructureDraft = _c, exports.updateQuestionStructureElement = Ae, exports.updateQuestionStructureExtra = ke, exports.updateQuestionStructureGlobalConfig = je, exports.updateQuestionStructureMetadata = Me;
+exports.QuestionContentEditor = fc, exports.QuestionPlayer = pf, exports.QuestionPreview = qf, exports.QuestionPrintPreview = cp, exports.QuestionRichContentView = J, exports.QuestionStructureEditor = Up, exports.addBlankToGroup = ur, exports.alignQuestionContentDraftWithStructure = Rn, exports.assignBlankToAnswerGroup = mr, exports.cn = Xo, exports.createBlankAnswerGroupWithBlank = hr, exports.createEmptyQuestionContentDraft = gn, exports.createEmptyQuestionPlayerResponse = el, exports.createEmptyQuestionStructureDraft = xe, exports.createQuestionContentDraftFromSerialized = Ln, exports.createQuestionContentId = E, exports.createQuestionContentStructureFromDraft = hc, exports.createQuestionPreviewDraft = gc, exports.createQuestionStructureElement = Ce, exports.createQuestionStructureExtra = Se, exports.createRichContentValue = A, exports.createRichContentValueFromDocument = xn, exports.createRichTextContent = qe, exports.deleteBlankFromGroup = dr, exports.deleteQuestionStructureElement = De, exports.deleteQuestionStructureExtra = Ee, exports.detachBlankFromAnswerGroup = gr, exports.findQuestionContentQuestionTypeStructure = Da, exports.findQuestionContentQuestionTypeTemplate = ja, exports.getQuestionContentJudgementOptions = An, exports.getQuestionContentOptionMarker = Dn, exports.getQuestionContentTextMarkerAnswerText = Cn, exports.getQuestionStructureDraftChangeKind = vc, exports.getQuestionStructureElementDefaultEnName = k, exports.getQuestionStructureElementDefaultName = O, exports.getQuestionStructureExtraDefaultEnName = Pe, exports.getQuestionStructureExtraDefaultName = Ne, exports.getRichContentDocument = wn, exports.getSharedBlankAnswerGroups = pr, exports.isCompositeQuestionContentStructure = hn, exports.isQuestionContentDraftEmpty = Fn, exports.moveQuestionStructureElement = Oe, exports.normalizeFillTextCandidateState = qn, exports.normalizeRichTextContent = Je, exports.questionStructureElementTypes = he, exports.questionStructureExtraTypes = ge, exports.reconcileQuestionContentDraftWithTemplates = Ma, exports.resetImageAnswerMode = te, exports.serializeQuestionContentDraft = In, exports.serializeQuestionStructureDraft = _c, exports.updateQuestionStructureElement = Ae, exports.updateQuestionStructureExtra = ke, exports.updateQuestionStructureGlobalConfig = je, exports.updateQuestionStructureMetadata = Me;