hyperbook 0.113.0 → 0.113.2

package/dist/assets/directive-bitflow/editor.js

@@ -1,6 +1,6 @@
-import { d as o } from "./EditorElement-zyz99U6n.js";
-import { B as l } from "./EditorElement-zyz99U6n.js";
-import { l as m } from "./bitLoaders-DIGwTcpd.js";
+import { d as o } from "./EditorElement-CE3Yr86b.js";
+import { B as l } from "./EditorElement-CE3Yr86b.js";
+import { l as m } from "./bitLoaders-CxvZkGrY.js";
 o();
 export {
   l as BitflowEditorElement,

package/dist/assets/directive-bitflow/flow.js

@@ -1,6 +1,6 @@
-import { d as e } from "./shareableReport-ArQU1XjG.js";
-import { B as s, c as t } from "./shareableReport-ArQU1XjG.js";
-import { K as p, b as f, a as m, c as i } from "./bitLoaders-DIGwTcpd.js";
+import { d as e } from "./shareableReport-vjEU4OvA.js";
+import { B as s, c as t } from "./shareableReport-vjEU4OvA.js";
+import { K as p, b as f, a as m, c as i } from "./bitLoaders-CxvZkGrY.js";
 import { O as b, t as d } from "./dom-uYx_3K1r.js";
 e();
 export {

package/dist/assets/directive-bitflow/{index-IQHOi2fr.js → index-88c3K20U.js}

@@ -1,12 +1,12 @@
-import { L as m, a2 as o, a4 as x, ab as y, ac as j, ad as g, a9 as d, a5 as E, j as i, a as S, b as c, s as A, aa as C } from "./dom-uYx_3K1r.js";
-import { v as w, A as p, P as M, y as R, e as H, M as h, E as T, L as F, R as I } from "./bitLoaders-DIGwTcpd.js";
-const z = "", K = ({
+import { L as m, a2 as o, a4 as x, ab as j, ac as C, ad as w, a9 as d, a5 as y, j as i, a as S, b as c, s as E, aa as A } from "./dom-uYx_3K1r.js";
+import { e as g, g as p, M, C as R, P as H, F as h, B as F, U as I, H as T } from "./bitLoaders-CxvZkGrY.js";
+const z = "", U = ({
   data: e,
   answer: n
 }) => {
   if (e.evaluation.mode === "skip")
     return { state: "unknown", allowRetry: !1 };
-  const s = f(n?.input ?? "", e), l = N(s, e), t = [];
+  const s = f(n?.input ?? "", e), l = K(s, e), t = [];
   if (e.evaluation.showFeedback)
     for (const r of e.patternFeedback)
       v(r.pattern, s, e.caseSensitive) && t.push(r.feedback);
@@ -16,7 +16,7 @@ const z = "", K = ({
     allowRetry: e.evaluation.enableRetry,
     feedback: t.length > 0 ? t : void 0
   };
-}, f = (e, n) => n.trim ? e.trim() : e, N = (e, n) => {
+}, f = (e, n) => n.trim ? e.trim() : e, K = (e, n) => {
   if (n.matchMode === "regex")
     return v(n.pattern, e, n.caseSensitive);
   const s = (t) => n.caseSensitive ? t : t.toLowerCase(), l = s(e);
@@ -79,20 +79,20 @@ const z = "", K = ({
   it: { name: "Risposta breve", description: "Una breve risposta scritta.", answerLabel: "La tua risposta" },
   pt: { name: "Resposta curta", description: "Uma resposta curta escrita.", answerLabel: "A tua resposta" },
   tr: { name: "Kısa yanıt", description: "Kısa, yazılan bir yanıt.", answerLabel: "Yanıtın" }
-}, P = (e) => {
+}, N = (e) => {
   try {
     return new RegExp(e), !0;
   } catch {
     return !1;
   }
-}, D = m({
+}, P = m({
   instruction: o().default(""),
   /**
    * How the answer is checked. The old version only offered a raw regular
    * expression, which meant a teacher wanting "the answer is Paris" had to
    * write one — and get the escaping right.
    */
-  matchMode: E(["exact", "contains", "regex"]).default("exact"),
+  matchMode: y(["exact", "contains", "regex"]).default("exact"),
   /** Accepted answers for `exact`/`contains`; any one of them counts. */
   expected: x(o()).default([]),
   /** Used when `matchMode` is `regex`. */
@@ -101,19 +101,19 @@ const z = "", K = ({
   trim: d().default(!0),
   /** Render a textarea instead of a single-line input. */
   multiline: d().default(!1),
-  evaluation: j.default(g),
+  evaluation: C.default(w),
   /** Feedback attached to answers matching a pattern. */
   patternFeedback: x(
     m({
       pattern: o(),
-      feedback: y
+      feedback: j
     })
   ).default([])
 }).check((e) => {
   const { matchMode: n, pattern: s, expected: l, evaluation: t } = e.value;
   if (t.mode === "auto") {
     if (n === "regex") {
-      s ? P(s) || e.issues.push({
+      s ? N(s) || e.issues.push({
         code: "custom",
         input: s,
         path: ["pattern"],
@@ -133,7 +133,7 @@ const z = "", K = ({
       message: "Enter at least one accepted answer, or switch grading off for this task."
     });
   }
-}), W = m({ input: o().default("") }), U = ({
+}), B = m({ input: o().default("") }), D = ({
   data: e,
   answer: n,
   readonly: s,
@@ -152,10 +152,10 @@ const z = "", K = ({
     autoCapitalize: "off",
     autoCorrect: "off",
     spellCheck: !1,
-    onChange: (k) => t({ input: k.target.value })
+    onChange: (L) => t({ input: L.target.value })
   };
   return /* @__PURE__ */ i.jsxs("div", { className: "bitflow-stack", children: [
-    /* @__PURE__ */ i.jsx(F, { markdown: e.instruction }),
+    /* @__PURE__ */ i.jsx(I, { markdown: e.instruction }),
     /* @__PURE__ */ i.jsxs("div", { className: "bitflow-field", children: [
       /* @__PURE__ */ i.jsx("label", { className: "bitflow-label", htmlFor: r, children: a }),
       e.multiline ? /* @__PURE__ */ i.jsx("textarea", { ...b, rows: 5 }) : /* @__PURE__ */ i.jsx("input", { ...b, type: "text" })
@@ -170,7 +170,7 @@ const z = "", K = ({
   const t = (a) => c(u, a, n), r = (a) => s({ ...e, ...a });
   return /* @__PURE__ */ i.jsxs("div", { className: "bitflow-stack", children: [
     /* @__PURE__ */ i.jsx(
-      w,
+      g,
       {
         label: t("instructionLabel"),
         hint: t("instructionHint"),
@@ -202,7 +202,7 @@ const z = "", K = ({
         onChange: (a) => r({ pattern: a })
       }
     ) : /* @__PURE__ */ i.jsx(
-      w,
+      g,
       {
         label: t("expectedLabel"),
         hint: t("expectedHint"),
@@ -240,7 +240,7 @@ const z = "", K = ({
         }
       ),
       /* @__PURE__ */ i.jsx(
-        T,
+        F,
         {
           evaluation: e.evaluation,
           locale: n,
@@ -250,14 +250,14 @@ const z = "", K = ({
     ] })
   ] });
 };
-A("bitflow-styles-task-input", z);
-const L = "task-input";
-C({
-  type: L,
+E("bitflow-styles-task-input", z);
+const k = "task-input";
+A({
+  type: k,
   kind: "task",
-  schema: D,
-  evaluate: K,
-  Task: U,
+  schema: P,
+  evaluate: U,
+  Task: D,
   Form: G,
   info: (e) => ({
     name: c(u, "name", e),
@@ -271,17 +271,17 @@ C({
     caseSensitive: !1,
     trim: !0,
     multiline: !1,
-    evaluation: g(),
+    evaluation: w(),
     patternFeedback: []
   })
 });
-I(L);
+T(k);
 export {
-  W as AnswerSchema,
-  D as DataSchema,
+  B as AnswerSchema,
+  P as DataSchema,
   G as Form,
-  L as TYPE,
-  U as Task,
-  K as evaluate,
+  k as TYPE,
+  D as Task,
+  U as evaluate,
   u as messages
 };

package/dist/assets/directive-bitflow/{index-Bqf-kixT.js → index-B61LKxr1.js}

@@ -1,12 +1,12 @@
-import { L as R, a2 as k, ac as H, ad as B, a4 as $, P as D, am as P, a as j, j as o, a9 as I, a5 as W, b as C, aa as O, s as Z } from "./dom-uYx_3K1r.js";
-import { S as Y, v as S, D as q, A as f, e as z, y as K, M as U, P as G, t as J, E as Q, N as V, L as X, R as _ } from "./bitLoaders-DIGwTcpd.js";
+import { L as C, a2 as k, ac as $, ad as z, a4 as A, P as B, am as I, a as j, j as o, a9 as P, a5 as W, b as R, aa as O, s as Z } from "./dom-uYx_3K1r.js";
+import { $ as U, e as S, h as Y, g as f, P as F, C as q, F as G, M as K, r as J, B as Q, j as V, U as X, H as _ } from "./bitLoaders-CxvZkGrY.js";
 const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-hotspots-picture{position:relative;width:100%;overflow:hidden;border-radius:var(--bitflow-radius-standard)}.bitflow-hotspots-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bitflow-hotspots-noimage{background:var(--bitflow-color-neutral-100)}.bitflow-hotspots-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;cursor:crosshair;background:none;border:0}.bitflow-hotspots-surface:disabled{cursor:default}.bitflow-hotspots-aim{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;opacity:0;border:2px solid var(--bitflow-color-primary);border-radius:50%}.bitflow-hotspots-surface:focus-visible~.bitflow-hotspots-aim{opacity:1}.bitflow-hotspots-mark{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;pointer-events:none;background:var(--bitflow-color-primary);border:2px solid var(--bitflow-color-surface);border-radius:50%}.bitflow-hotspots-mark-correct{background:var(--bitflow-color-correct)}.bitflow-hotspots-mark-wrong{background:var(--bitflow-color-wrong)}.bitflow-hotspots-region{position:absolute;pointer-events:none;border:2px solid}.bitflow-hotspots-region-correct{background:color-mix(in srgb,var(--bitflow-color-correct) 15%,transparent);border-color:var(--bitflow-color-correct)}.bitflow-hotspots-region-wrong{background:color-mix(in srgb,var(--bitflow-color-wrong) 15%,transparent);border-color:var(--bitflow-color-wrong)}.bitflow-hotspots-verdict,.bitflow-hotspots-feedback{margin:0}.bitflow-boxeditor-box.bitflow-hotspots-handle-correct{background:color-mix(in srgb,var(--bitflow-color-correct) 18%,transparent);border-color:var(--bitflow-color-correct)}", te = (e, i) => {
   if (e.width <= 0 || e.height <= 0) return !1;
   if (e.shape === "rect")
     return i.x >= e.x && i.x <= e.x + e.width && i.y >= e.y && i.y <= e.y + e.height;
   const n = (i.x - (e.x + e.width / 2)) / (e.width / 2), a = (i.y - (e.y + e.height / 2)) / (e.height / 2);
   return n * n + a * a <= 1;
-}, T = (e, i) => [...e].reverse().find((n) => te(n, i)), be = (e) => ({
+}, H = (e, i) => [...e].reverse().find((n) => te(n, i)), be = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
 }), oe = ({
@@ -15,7 +15,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
 }) => {
   if (e.evaluation.mode === "skip")
     return { state: "unknown", allowRetry: !1 };
-  const n = i?.selection, a = n ? T(e.hotspots, n) : void 0, s = a?.correct === !0;
+  const n = i?.selection, a = n ? H(e.hotspots, n) : void 0, s = a?.correct === !0;
   return {
     state: s ? "correct" : "wrong",
     score: { earned: s ? 1 : 0, possible: 1 },
@@ -30,7 +30,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
       feedback: a?.feedback ?? (n ? e.missFeedback : void 0)
     }
   };
-}, L = {
+}, D = {
   en: {
     name: "Find the spot",
     description: "A picture with a place on it the learner has to find.",
@@ -53,7 +53,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
     landedOn: "Gewählt: {region}.",
     landedNowhere: "Du hast eine Stelle ohne Bereich gewählt."
   }
-}, v = D().min(0).max(1), se = R({
+}, v = B().min(0).max(1), se = C({
   /** Stable across edits, so an answer keeps pointing at the same region. */
   id: k().min(1),
   /**
@@ -66,7 +66,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
   width: v,
   height: v,
   /** Whether finding this one is the point. Several may be. */
-  correct: I().default(!1),
+  correct: P().default(!1),
   /**
    * Shown once this region has been chosen. On a wrong region this is where
    * the teaching happens — "that is the monitor, not an input device" is worth
@@ -78,18 +78,18 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
    * never read out before the answer: it says where things are.
    */
   label: k().default("")
-}), ae = R({
+}), ae = C({
   instruction: k().default(""),
-  background: P.default({ src: "", alt: "" }),
+  background: I.default({ src: "", alt: "" }),
   /** The shape of the picture, so the regions keep their proportions. */
-  size: R({
-    width: D().positive().default(620),
-    height: D().positive().default(310)
+  size: C({
+    width: B().positive().default(620),
+    height: B().positive().default(310)
   }).default({ width: 620, height: 310 }),
-  hotspots: $(se).default([]),
+  hotspots: A(se).default([]),
   /** Shown when the learner picks a spot no region covers. */
   missFeedback: k().optional(),
-  evaluation: H.default(B)
+  evaluation: $.default(z)
 }).check((e) => {
   const i = e.value.hotspots.map((a) => a.id);
   if (new Set(i).size !== i.length && e.issues.push({
@@ -133,7 +133,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
     path: ["hotspots"],
     message: "Every region is correct, so any of them wins. Add regions that are not, to catch the mistakes worth catching."
   });
-}), ge = R({
+}), ge = C({
   /**
    * Where the learner chose, and which region that turned out to be.
    *
@@ -141,12 +141,12 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
    * nothing, and because "they clicked just left of the keyboard" is a
    * different conversation from "they got it wrong".
    */
-  selection: R({
+  selection: C({
     x: v,
     y: v,
     hotspotId: k().optional()
   }).optional()
-}), A = {
+}), L = {
   en: {
     instructionLabel: "Question",
     instructionHint: "Markdown is supported. Say what the learner should find.",
@@ -215,7 +215,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
   onDraw: s,
   onMove: u
 }) => {
-  const h = (c) => C(A, c, i);
+  const h = (c) => R(L, c, i);
   return /* @__PURE__ */ o.jsx(
     V,
     {
@@ -248,7 +248,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
   readonly: s,
   onAnswerChange: u
 }) => {
-  const h = (l, d) => C(L, l, a, d), c = j.useRef(null), [w, y] = j.useState({ x: 0.5, y: 0.5 }), [m, x] = j.useState(""), t = i?.selection, p = n !== void 0, r = j.useCallback((l, d) => {
+  const h = (l, d) => R(D, l, a, d), c = j.useRef(null), [w, y] = j.useState({ x: 0.5, y: 0.5 }), [m, x] = j.useState(""), t = i?.selection, p = n !== void 0, r = j.useCallback((l, d) => {
     const g = c.current?.getBoundingClientRect();
     return !g || g.width === 0 || g.height === 0 ? null : {
       x: Math.min(1, Math.max(0, (l - g.left) / g.width)),
@@ -256,14 +256,14 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
     };
   }, []), N = (l) => {
     if (s) return;
-    const d = T(e.hotspots, l);
+    const d = H(e.hotspots, l);
     u({ selection: { ...l, hotspotId: d?.id } }), x(
       h("chose", {
         x: Math.round(l.x * 100),
         y: Math.round(l.y * 100)
       })
     );
-  }, E = (l) => l.label || l.id, b = e.hotspots.find(
+  }, M = (l) => l.label || l.id, b = e.hotspots.find(
     (l) => l.id === n?.hotspotId
   );
   return /* @__PURE__ */ o.jsxs("div", { className: "bitflow-hotspots", children: [
@@ -307,14 +307,14 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
                 }[l.key];
                 if (!g) return;
                 l.preventDefault();
-                const M = {
+                const E = {
                   x: Math.min(1, Math.max(0, w.x + g[0])),
                   y: Math.min(1, Math.max(0, w.y + g[1]))
                 };
-                y(M), x(
+                y(E), x(
                   h("aiming", {
-                    x: Math.round(M.x * 100),
-                    y: Math.round(M.y * 100)
+                    x: Math.round(E.x * 100),
+                    y: Math.round(E.y * 100)
                   })
                 );
               }
@@ -354,7 +354,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
       }
     ),
     /* @__PURE__ */ o.jsx("p", { className: "bitflow-hint", children: h(s ? "howToReadonly" : "howTo") }),
-    p && /* @__PURE__ */ o.jsx("p", { className: "bitflow-hotspots-verdict", children: b ? h("landedOn", { region: E(b) }) : h("landedNowhere") }),
+    p && /* @__PURE__ */ o.jsx("p", { className: "bitflow-hotspots-verdict", children: b ? h("landedOn", { region: M(b) }) : h("landedNowhere") }),
     /* @__PURE__ */ o.jsx("div", { className: "bitflow-visually-hidden", role: "status", "aria-live": "polite", children: m })
   ] });
 }, he = ({
@@ -392,7 +392,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
   onChange: n,
   errors: a
 }) => {
-  const s = (t) => C(A, t, i), u = (t) => n({ ...e, ...t }), [h, c] = j.useState(), w = Y(e.hotspots.map((t) => t.id)), y = (t) => {
+  const s = (t) => R(L, t, i), u = (t) => n({ ...e, ...t }), [h, c] = j.useState(), w = U(e.hotspots.map((t) => t.id)), y = (t) => {
     c(t), t && w.open(t);
   }, m = (t, p) => u({
     hotspots: e.hotspots.map(
@@ -427,7 +427,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
       }
     ),
     /* @__PURE__ */ o.jsx(
-      q,
+      Y,
       {
         value: e.background,
         locale: i,
@@ -458,14 +458,14 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
         {
           className: h === t.id ? "bitflow-rule bitflow-rule-selected" : "bitflow-rule",
           children: /* @__PURE__ */ o.jsxs(
-            z,
+            F,
             {
               summary: t.label || s("unnamedRegion"),
               aside: s(t.correct ? "isCorrect" : "isDecoy"),
               ...w.props(t.id),
               children: [
                 /* @__PURE__ */ o.jsx(
-                  K,
+                  q,
                   {
                     label: s("regionName"),
                     hint: s("regionNameHint"),
@@ -476,7 +476,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
-                  U,
+                  G,
                   {
                     label: s("regionCorrect"),
                     checked: t.correct,
@@ -484,7 +484,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
                   }
                 ),
                 /* @__PURE__ */ o.jsx(
-                  G,
+                  K,
                   {
                     label: s("regionShape"),
                     value: t.shape,
@@ -500,10 +500,10 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
                   ["y", "top"],
                   ["width", "width"],
                   ["height", "height"]
-                ].map(([r, N]) => /* @__PURE__ */ o.jsx(J, { label: s(N), children: (E) => /* @__PURE__ */ o.jsx(
+                ].map(([r, N]) => /* @__PURE__ */ o.jsx(J, { label: s(N), children: (M) => /* @__PURE__ */ o.jsx(
                   "input",
                   {
-                    ...E,
+                    ...M,
                     type: "number",
                     className: "bitflow-input",
                     min: 0,
@@ -569,7 +569,7 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
         )
       ] })
     ] }),
-    /* @__PURE__ */ o.jsxs(z, { summary: s("advanced"), children: [
+    /* @__PURE__ */ o.jsxs(F, { summary: s("advanced"), children: [
       /* @__PURE__ */ o.jsx(
         S,
         {
@@ -589,27 +589,27 @@ const ee = ".bitflow-hotspots{display:flex;flex-direction:column;gap:var(--bitfl
       )
     ] })
   ] });
-}, F = "task-find-hotspots";
+}, T = "task-find-hotspots";
 O({
-  type: F,
+  type: T,
   kind: "task",
   schema: ae,
   evaluate: oe,
   Task: he,
   Form: de,
   info: (e) => ({
-    name: C(L, "name", e),
-    description: C(L, "description", e)
+    name: R(D, "name", e),
+    description: R(D, "description", e)
   }),
   defaultData: () => ({
     instruction: "",
     background: { src: "", alt: "" },
     size: { width: 620, height: 310 },
     hotspots: [],
-    evaluation: B()
+    evaluation: z()
   })
 });
-_(F);
+_(T);
 Z("bitflow-styles-task-find-hotspots", ee);
 export {
   ge as AnswerSchema,
@@ -618,12 +618,12 @@ export {
   ie as HotspotCanvas,
   se as HotspotSchema,
   le as Picture,
-  F as TYPE,
+  T as TYPE,
   he as Task,
   be as centreOf,
   te as contains,
   oe as evaluate,
-  A as formMessages,
-  T as hotspotAt,
-  L as messages
+  L as formMessages,
+  H as hotspotAt,
+  D as messages
 };

package/dist/assets/directive-bitflow/{index-CFcRAa3F.js → index-BG0PL-Z6.js}

@@ -1,27 +1,27 @@
-import { L as k, ac as S, ad as M, al as R, P as O, a2 as v, a9 as D, j as l, b as u, a as m, a4 as U, a5 as $, aa as B, s as q } from "./dom-uYx_3K1r.js";
-import { v as T, A as w, e as W, E as G, L as K, R as Y } from "./bitLoaders-DIGwTcpd.js";
-const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-highlight-orange{background:#ffe0bd;color:#4a2c00}.bitflow-highlight-blue{background:#cfe0f7;color:#10294a}.bitflow-highlight-lavender{background:#e2dbf5;color:#2b1f4a}.bitflow-highlight-yellow{background:#fbf1b8;color:#453c00}.bitflow-highlight-palette{display:flex;flex-wrap:wrap;gap:var(--bitflow-space-xxsmall)}.bitflow-highlight-swatch{display:inline-flex;align-items:center;padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);min-height:44px;border:var(--bitflow-border-width) solid transparent;border-radius:var(--bitflow-radius-standard);cursor:pointer;font-size:var(--bitflow-font-size-small)}.bitflow-highlight-swatch:has(:checked){border-color:var(--bitflow-color-neutral-900);font-weight:var(--bitflow-font-weight-bold)}.bitflow-highlight-swatch:has(:focus-visible){box-shadow:var(--bitflow-shadow-outline)}.bitflow-highlight-eraser{background:var(--bitflow-color-neutral-100)}.bitflow-highlight-text{white-space:pre-wrap;line-height:var(--bitflow-line-height-relaxed, 1.8);margin:0}.bitflow-highlight-text{cursor:text}.bitflow-highlight-token[role=button]{cursor:pointer;border-radius:var(--bitflow-radius-small);text-decoration:underline dotted var(--bitflow-color-neutral-400);text-underline-offset:3px}.bitflow-highlight-token[role=button]:hover{background:var(--bitflow-color-neutral-100);text-decoration-color:var(--bitflow-color-neutral-900)}.bitflow-highlight-token[role=button]:focus-visible{box-shadow:var(--bitflow-shadow-outline)}@media(pointer:coarse){.bitflow-highlight-text{line-height:2.2}.bitflow-highlight-token[role=button]{padding-block:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}}.bitflow-highlight-text ::selection{background:var(--bitflow-color-primary-light)}.bitflow-highlight-agreement{margin:0;padding-left:var(--bitflow-space-small);color:var(--bitflow-color-text-muted);font-size:var(--bitflow-font-size-small)}.bitflow-highlight-color-row{display:flex;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-highlight-cutoff{display:flex;align-items:center;justify-content:space-between;gap:var(--bitflow-space-xsmall)}.bitflow-highlight-cutoff input{max-width:6em}", f = ["maroon", "orange", "blue", "lavender", "yellow"], j = $(f), z = U(j.nullable()), _ = k({
-  instruction: v().default(""),
-  text: v().default(""),
+import { L as v, ac as A, ad as M, al as H, P as O, a2 as k, a9 as U, j as l, b as u, a as m, a4 as D, a5 as B, aa as $, s as q } from "./dom-uYx_3K1r.js";
+import { e as T, g as w, P as W, B as G, U as I, H as K } from "./bitLoaders-CxvZkGrY.js";
+const Y = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-highlight-orange{background:#ffe0bd;color:#4a2c00}.bitflow-highlight-blue{background:#cfe0f7;color:#10294a}.bitflow-highlight-lavender{background:#e2dbf5;color:#2b1f4a}.bitflow-highlight-yellow{background:#fbf1b8;color:#453c00}.bitflow-highlight-palette{display:flex;flex-wrap:wrap;gap:var(--bitflow-space-xxsmall)}.bitflow-highlight-swatch{display:inline-flex;align-items:center;padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);min-height:44px;border:var(--bitflow-border-width) solid transparent;border-radius:var(--bitflow-radius-standard);cursor:pointer;font-size:var(--bitflow-font-size-small)}.bitflow-highlight-swatch:has(:checked){border-color:var(--bitflow-color-neutral-900);font-weight:var(--bitflow-font-weight-bold)}.bitflow-highlight-swatch:has(:focus-visible){box-shadow:var(--bitflow-shadow-outline)}.bitflow-highlight-eraser{background:var(--bitflow-color-neutral-100)}.bitflow-highlight-text{white-space:pre-wrap;line-height:var(--bitflow-line-height-relaxed, 1.8);margin:0}.bitflow-highlight-text{cursor:text}.bitflow-highlight-token[role=button]{cursor:pointer;border-radius:var(--bitflow-radius-small);text-decoration:underline dotted var(--bitflow-color-neutral-400);text-underline-offset:3px}.bitflow-highlight-token[role=button]:hover{background:var(--bitflow-color-neutral-100);text-decoration-color:var(--bitflow-color-neutral-900)}.bitflow-highlight-token[role=button]:focus-visible{box-shadow:var(--bitflow-shadow-outline)}@media(pointer:coarse){.bitflow-highlight-text{line-height:2.2}.bitflow-highlight-token[role=button]{padding-block:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}}.bitflow-highlight-text ::selection{background:var(--bitflow-color-primary-light)}.bitflow-highlight-agreement{margin:0;padding-left:var(--bitflow-space-small);color:var(--bitflow-color-text-muted);font-size:var(--bitflow-font-size-small)}.bitflow-highlight-color-row{display:flex;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-highlight-cutoff{display:flex;align-items:center;justify-content:space-between;gap:var(--bitflow-space-xsmall)}.bitflow-highlight-cutoff input{max-width:6em}", f = ["maroon", "orange", "blue", "lavender", "yellow"], j = B(f), P = D(j.nullable()), _ = v({
+  instruction: k().default(""),
+  text: k().default(""),
   // `partialRecord`, not `record`: a task uses one or two colours, and a
   // plain enum-keyed record in zod 4 would demand an entry for all five.
-  colors: R(
+  colors: H(
     j,
-    k({
-      enabled: D().default(!1),
+    v({
+      enabled: U().default(!1),
       /** What this colour means in this task, e.g. "cause". */
-      label: v().default("")
+      label: k().default("")
     })
   ).default({}),
   /** The teacher's own highlighting, compared against character by character. */
-  reference: z.default([]),
+  reference: P.default([]),
   /**
    * Per colour, the Cohen's kappa a learner must reach for that colour to
    * count as right. Kappa rather than raw overlap because agreeing by
    * accident on a mostly-unhighlighted text is easy.
    */
-  cutoffs: R(j, O().min(0).max(1)).default({}),
-  evaluation: S.default(M)
+  cutoffs: H(j, O().min(0).max(1)).default({}),
+  evaluation: A.default(M)
 }).check((e) => {
   e.value.evaluation.mode === "auto" && (f.filter((o) => e.value.colors[o]?.enabled).length === 0 && e.issues.push({
     code: "custom",
@@ -34,8 +34,8 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
     path: ["reference"],
     message: "The reference highlighting does not match the text. Re-mark the text after editing it."
   }));
-}), re = k({
-  highlights: z.default([])
+}), re = v({
+  highlights: P.default([])
 }), V = ({
   bothHighlighted: e,
   bothPlain: o,
@@ -157,7 +157,7 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
       word: !0
     }), n = t.index + t[0].length;
   return n < e.length && o.push({ text: e.slice(n), start: n, end: e.length, word: !1 }), o;
-}, H = (e, o, i) => {
+}, R = (e, o, i) => {
   const n = e[o] ?? null;
   for (let t = o; t < i; t++)
     if ((e[t] ?? null) !== n) return null;
@@ -171,7 +171,7 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
   if (!i) return null;
   const n = Number(i.dataset.start);
   return Number.isFinite(n) ? n + o : null;
-}, P = ({
+}, z = ({
   text: e,
   highlights: o,
   colors: i,
@@ -179,7 +179,7 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
   readonly: t,
   onChange: c
 }) => {
-  const s = (r, d) => u(g, r, n, d), a = f.filter((r) => i[r]?.enabled), [h, y] = m.useState(a[0] ?? null), F = m.useMemo(() => J(e), [e]), N = (r) => i[r]?.label || u(g, r, n), x = m.useCallback(
+  const s = (r, d) => u(g, r, n, d), a = f.filter((r) => i[r]?.enabled), [h, y] = m.useState(a[0] ?? null), S = m.useMemo(() => J(e), [e]), N = (r) => i[r]?.label || u(g, r, n), x = m.useCallback(
     (r, d, b) => c(Q(o, e.length, r, d, b)),
     [o, c, e.length]
   ), C = m.useCallback(() => {
@@ -191,7 +191,7 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
   }, [h, x, t]), L = m.useCallback(
     (r) => {
       if (t) return;
-      const d = H(o, r.start, r.end);
+      const d = R(o, r.start, r.end);
       x(r.start, r.end, d === h ? null : h);
     },
     [h, x, o, t]
@@ -247,8 +247,8 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
         className: "bitflow-highlight-text",
         onMouseUp: C,
         onKeyUp: C,
-        children: F.map((r) => {
-          const d = H(o, r.start, r.end), b = [
+        children: S.map((r) => {
+          const d = R(o, r.start, r.end), b = [
             r.word ? "bitflow-highlight-token" : "",
             d ? `bitflow-highlight-${d}` : ""
           ].filter(Boolean).join(" ");
@@ -294,9 +294,9 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
 }) => {
   const s = i?.detail?.agreement ?? {};
   return /* @__PURE__ */ l.jsxs("div", { className: "bitflow-stack", children: [
-    /* @__PURE__ */ l.jsx(K, { markdown: e.instruction }),
+    /* @__PURE__ */ l.jsx(I, { markdown: e.instruction }),
     /* @__PURE__ */ l.jsx(
-      P,
+      z,
       {
         text: e.text,
         highlights: o?.highlights ?? [],
@@ -392,7 +392,7 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
       /* @__PURE__ */ l.jsx("span", { className: "bitflow-hint", children: t("referenceHint") }),
       w(n, "reference") && /* @__PURE__ */ l.jsx("span", { className: "bitflow-field-error", role: "alert", children: w(n, "reference") }),
       /* @__PURE__ */ l.jsx(
-        P,
+        z,
         {
           text: e.text,
           highlights: e.reference,
@@ -437,9 +437,9 @@ const I = ".bitflow-highlight-maroon{background:#f6d6d6;color:#4a1010}.bitflow-h
       )
     ] })
   ] });
-}, A = "task-highlighting";
-B({
-  type: A,
+}, F = "task-highlighting";
+$({
+  type: F,
   kind: "task",
   schema: _,
   evaluate: Z,
@@ -458,15 +458,15 @@ B({
     evaluation: M()
   })
 });
-Y(A);
-q("bitflow-styles-task-highlighting", I);
+K(F);
+q("bitflow-styles-task-highlighting", Y);
 export {
   re as AnswerSchema,
   f as COLORS,
   _ as DataSchema,
   te as Form,
-  P as Highlighter,
-  A as TYPE,
+  z as Highlighter,
+  F as TYPE,
   ee as Task,
   X as agreementPerColor,
   Z as evaluate,