hyperbook 0.113.1 → 0.113.2

package/dist/assets/directive-bitflow/{index-DoKlIgCD.js → index-Cm4w1Zyc.js}

@@ -1,6 +1,6 @@
-import { L as I, a4 as $, ac as W, ad as q, a2 as k, j as r, am as G, a5 as Z, a as j, b as N, aa as _, s as J } from "./dom-uYx_3K1r.js";
-import { S as Q, v as V, A as y, e as X, P as ee, D as te, y as ie, E as ne, g as oe, s as re, L as ae, R as se } from "./bitLoaders-DIGwTcpd.js";
-const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitflow-space-xsmall)}.bitflow-ordering-list{display:flex;flex-direction:column;gap:var(--bitflow-space-xxsmall);padding:0;margin:0;list-style:none}.bitflow-ordering-item{display:flex;gap:var(--bitflow-space-xsmall);align-items:center;width:100%;padding:var(--bitflow-space-xsmall);font:inherit;color:var(--bitflow-color-text);text-align:left;cursor:grab;background:var(--bitflow-color-surface);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);touch-action:manipulation}.bitflow-ordering-grip{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:2rem;margin-block:calc(-1 * var(--bitflow-space-xsmall));margin-inline-start:calc(-1 * var(--bitflow-space-xsmall));touch-action:none;cursor:grab}.bitflow-ordering-grip:before{content:"";width:12px;height:18px;background:radial-gradient(circle,var(--bitflow-color-neutral-400) 1.5px,transparent 2px) 0 0 / 6px 6px}.bitflow-ordering-item:disabled{cursor:default}.bitflow-ordering-position{flex:none;width:1.75rem;height:1.75rem;font-variant-numeric:tabular-nums;line-height:1.75rem;text-align:center;background:var(--bitflow-color-neutral-100);border-radius:50%}.bitflow-ordering-image{max-height:4rem}.bitflow-ordering-item.bitflow-ordering-item-gap{background:var(--bitflow-color-neutral-100);border-style:dashed;border-color:var(--bitflow-color-primary)}.bitflow-ordering-lifted{position:fixed;top:0;left:0;z-index:10;cursor:grabbing;pointer-events:none;box-shadow:var(--bitflow-shadow-medium)}.bitflow-ordering-item.bitflow-ordering-item-correct{background:color-mix(in srgb,var(--bitflow-color-correct) 12%,var(--bitflow-color-surface));border-color:var(--bitflow-color-correct)}.bitflow-ordering-item.bitflow-ordering-item-wrong{background:color-mix(in srgb,var(--bitflow-color-wrong) 12%,var(--bitflow-color-surface));border-color:var(--bitflow-color-wrong)}', de = (e, n) => e.items.filter((a, s) => n[s] === a.id).map((a) => a.id), me = ({
+import { L as P, a4 as z, ac as W, ad as q, a2 as k, j as r, am as G, a5 as Z, a as j, b as N, aa as _, s as J } from "./dom-uYx_3K1r.js";
+import { $ as Q, e as V, g as y, P as L, M as ee, h as te, C as ie, B as ne, q as oe, y as re, U as ae, H as se } from "./bitLoaders-CxvZkGrY.js";
+const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-ordering-list{display:flex;flex-direction:column;gap:var(--bitflow-space-xxsmall);padding:0;margin:0;list-style:none}.bitflow-ordering-item{display:flex;gap:var(--bitflow-space-xsmall);align-items:center;width:100%;padding:var(--bitflow-space-xsmall);font:inherit;color:var(--bitflow-color-text);text-align:left;cursor:grab;background:var(--bitflow-color-surface);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);touch-action:manipulation}.bitflow-ordering-grip{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:2rem;margin-block:calc(-1 * var(--bitflow-space-xsmall));margin-inline-start:calc(-1 * var(--bitflow-space-xsmall));touch-action:none;cursor:grab}.bitflow-ordering-grip:before{content:"";width:12px;height:18px;background:radial-gradient(circle,var(--bitflow-color-neutral-400) 1.5px,transparent 2px) 0 0 / 6px 6px}.bitflow-ordering-item:disabled{cursor:default}.bitflow-ordering-position{flex:none;width:1.75rem;height:1.75rem;font-variant-numeric:tabular-nums;line-height:1.75rem;text-align:center;background:var(--bitflow-color-neutral-100);border-radius:50%}.bitflow-ordering-image{max-height:4rem}.bitflow-ordering-item.bitflow-ordering-item-gap{background:var(--bitflow-color-neutral-100);border-style:dashed;border-color:var(--bitflow-color-primary)}.bitflow-ordering-lifted{position:fixed;top:0;left:0;z-index:10;cursor:grabbing;pointer-events:none;box-shadow:var(--bitflow-shadow-medium)}.bitflow-ordering-item.bitflow-ordering-item-correct{background:color-mix(in srgb,var(--bitflow-color-correct) 12%,var(--bitflow-color-surface));border-color:var(--bitflow-color-correct)}.bitflow-ordering-item.bitflow-ordering-item-wrong{background:color-mix(in srgb,var(--bitflow-color-wrong) 12%,var(--bitflow-color-surface));border-color:var(--bitflow-color-wrong)}', de = (e, n) => e.items.filter((a, s) => n[s] === a.id).map((a) => a.id), me = ({
   data: e,
   answer: n
 }) => {
@@ -17,7 +17,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
       correct: s
     }
   };
-}, P = {
+}, I = {
   en: {
     name: "Put in order",
     description: "Items the learner arranges into the right order.",
@@ -38,7 +38,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
     itemRight: "an der richtigen Stelle",
     itemWrong: "nicht an der richtigen Stelle"
   }
-}, ce = I({
+}, ce = P({
   /** Stable across edits, so an answer keeps pointing at the same item. */
   id: k().min(1),
   kind: Z(["text", "image"]).default("text"),
@@ -48,13 +48,13 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
    */
   label: k().default(""),
   image: G.optional()
-}), ue = I({
+}), ue = P({
   instruction: k().default(""),
   /**
    * In the order they belong. The learner never sees this order; it is the
    * answer.
    */
-  items: $(ce).default([]),
+  items: z(ce).default([]),
   evaluation: W.default(q)
 }).check((e) => {
   const n = e.value.items.map((a) => a.id);
@@ -81,7 +81,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
     path: ["items"],
     message: "Add at least three items. Fewer than that is not an ordering."
   });
-}), Ee = I({
+}), Me = P({
   /**
    * The item ids in the order the learner has put them.
    *
@@ -89,7 +89,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
    * renaming the items — and so a stale answer referring to a deleted item is
    * something the runtime can notice rather than silently misread.
    */
-  order: $(k()).default([])
+  order: z(k()).default([])
 }), he = {
   en: {
     instructionLabel: "Instruction",
@@ -137,7 +137,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
   readonly: o,
   onReorder: h
 }) => {
-  const f = (t, l) => N(P, t, s, l), [g, x] = j.useState(""), w = j.useRef(null), i = j.useRef(null), [, m] = j.useReducer((t) => t + 1, 0), d = (t) => e.find((l) => l.id === t), p = (t) => t.label || t.id, M = a !== void 0, u = i.current, A = u ? u.order : n, C = (t, l) => {
+  const f = (t, l) => N(I, t, s, l), [g, x] = j.useState(""), w = j.useRef(null), i = j.useRef(null), [, m] = j.useReducer((t) => t + 1, 0), d = (t) => e.find((l) => l.id === t), p = (t) => t.label || t.id, E = a !== void 0, u = i.current, C = u ? u.order : n, A = (t, l) => {
     const c = d(t);
     x(
       f("moved", {
@@ -146,18 +146,18 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
         total: l.length
       })
     );
-  }, F = (t, l) => {
+  }, U = (t, l) => {
     if (o) return;
     const c = n.indexOf(t), b = Math.min(Math.max(l, 0), n.length - 1);
-    c === -1 || c === b || (h(E(n, t, b)), C(t, E(n, t, b)));
-  }, O = (t) => {
+    c === -1 || c === b || (h(M(n, t, b)), A(t, M(n, t, b)));
+  }, F = (t) => {
     const l = [...w.current?.querySelectorAll("li") ?? []];
     for (let c = 0; c < l.length; c++) {
       const b = l[c].getBoundingClientRect();
       if (t < b.top + b.height / 2) return c;
     }
     return Math.max(0, l.length - 1);
-  }, U = (t, l) => {
+  }, O = (t, l) => {
     if (o || t.button !== 0 || be(t.pointerType) && !fe(t.target)) return;
     const c = t.currentTarget.getBoundingClientRect();
     i.current = {
@@ -176,12 +176,12 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
   }, D = (t) => {
     const l = i.current;
     if (!l) return;
-    const c = O(t.clientY);
+    const c = F(t.clientY);
     i.current = {
       ...l,
       x: t.clientX,
       y: t.clientY,
-      order: E(l.order, l.id, c),
+      order: M(l.order, l.id, c),
       // Measured from where the drag began, not from the last position: a
       // slow drag moves a pixel at a time and would otherwise never count as
       // a drag at all.
@@ -190,20 +190,20 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
   }, K = () => {
     S.stop();
     const t = i.current;
-    i.current = null, m(), !(!t || !t.moved) && t.order.join() !== n.join() && (h(t.order), C(t.id, t.order));
+    i.current = null, m(), !(!t || !t.moved) && t.order.join() !== n.join() && (h(t.order), A(t.id, t.order));
   }, S = oe(() => {
     const t = i.current;
     t && D({ clientX: t.x, clientY: t.y });
   });
   re(D, K);
-  const L = u?.moved ? d(u.id) : void 0;
+  const Y = u?.moved ? d(u.id) : void 0;
   return /* @__PURE__ */ r.jsxs("div", { className: "bitflow-ordering", children: [
     /* @__PURE__ */ r.jsx("p", { className: "bitflow-hint", children: f(o ? "howToReadonly" : "howTo") }),
-    /* @__PURE__ */ r.jsx("ol", { className: "bitflow-ordering-list", ref: w, children: A.map((t, l) => {
+    /* @__PURE__ */ r.jsx("ol", { className: "bitflow-ordering-list", ref: w, children: C.map((t, l) => {
       const c = d(t);
       if (!c) return null;
       const b = a?.includes(t), R = u?.moved === !0 && u.id === t, T = ["bitflow-ordering-item"];
-      return M && T.push(
+      return E && T.push(
         b ? "bitflow-ordering-item-correct" : "bitflow-ordering-item-wrong"
       ), R && T.push("bitflow-ordering-item-gap"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
         "button",
@@ -215,20 +215,20 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
           "aria-label": f("itemLabel", {
             item: p(c),
             position: l + 1,
-            total: A.length
+            total: C.length
           }),
-          onPointerDown: (v) => U(v, t),
+          onPointerDown: (v) => O(v, t),
           onKeyDown: (v) => {
-            const Y = v.key === "ArrowUp" ? -1 : v.key === "ArrowDown" ? 1 : 0;
-            Y !== 0 && (v.preventDefault(), F(t, l + Y));
+            const H = v.key === "ArrowUp" ? -1 : v.key === "ArrowDown" ? 1 : 0;
+            H !== 0 && (v.preventDefault(), U(t, l + H));
           },
           children: [
             !R && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-              !o && /* @__PURE__ */ r.jsx(z, {}),
+              !o && /* @__PURE__ */ r.jsx($, {}),
               /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-position", "aria-hidden": "true", children: l + 1 }),
-              H(c)
+              X(c)
             ] }),
-            M && /* @__PURE__ */ r.jsxs("span", { className: "bitflow-visually-hidden", children: [
+            E && /* @__PURE__ */ r.jsxs("span", { className: "bitflow-visually-hidden", children: [
               " ",
               f(b ? "itemRight" : "itemWrong")
             ] })
@@ -236,7 +236,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
         }
       ) }, t);
     }) }),
-    L && u && /* @__PURE__ */ r.jsxs(
+    Y && u && /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: "bitflow-ordering-item bitflow-ordering-lifted",
@@ -247,15 +247,15 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
           transform: `translate(${u.x - u.grabX}px, ${u.y - u.grabY}px)`
         },
         children: [
-          /* @__PURE__ */ r.jsx(z, {}),
+          /* @__PURE__ */ r.jsx($, {}),
           /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-position", children: u.order.indexOf(u.id) + 1 }),
-          H(L)
+          X(Y)
         ]
       }
     ),
     /* @__PURE__ */ r.jsx("div", { className: "bitflow-visually-hidden", role: "status", "aria-live": "polite", children: g })
   ] });
-}, z = () => /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-grip", "aria-hidden": "true" }), be = (e) => e === "touch" || e === "pen", fe = (e) => e instanceof Element && e.closest(".bitflow-ordering-grip") !== null, H = (e) => e.kind === "image" && e.image?.src ? /* @__PURE__ */ r.jsx(
+}, $ = () => /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-grip", "aria-hidden": "true" }), be = (e) => e === "touch" || e === "pen", fe = (e) => e instanceof Element && e.closest(".bitflow-ordering-grip") !== null, X = (e) => e.kind === "image" && e.image?.src ? /* @__PURE__ */ r.jsx(
   "img",
   {
     className: "bitflow-ordering-image",
@@ -263,7 +263,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
     alt: "",
     draggable: !1
   }
-) : /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-text", children: e.label || e.id }), E = (e, n, a) => {
+) : /* @__PURE__ */ r.jsx("span", { className: "bitflow-ordering-text", children: e.label || e.id }), M = (e, n, a) => {
   const s = e.indexOf(n);
   if (s === -1) return e;
   const o = [...e];
@@ -373,7 +373,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
       y(s, "items") && /* @__PURE__ */ r.jsx("span", { className: "bitflow-field-error", role: "alert", children: y(s, "items") }),
       e.items.length === 0 && /* @__PURE__ */ r.jsx("p", { className: "bitflow-text-muted", children: o("noItems") }),
       e.items.map((i, m) => /* @__PURE__ */ r.jsx("div", { className: "bitflow-rule", children: /* @__PURE__ */ r.jsxs(
-        X,
+        L,
         {
           ...f.props(i.id),
           summary: i.label || o("unnamedItem"),
@@ -474,7 +474,7 @@ const le = '.bitflow-ordering{display:flex;flex-direction:column;gap:var(--bitfl
         )
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx(X, { summary: o("advanced"), children: /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ r.jsx(L, { summary: o("advanced"), children: /* @__PURE__ */ r.jsx(
       ne,
       {
         evaluation: e.evaluation,
@@ -492,8 +492,8 @@ _({
   Task: ye,
   Form: Ne,
   info: (e) => ({
-    name: N(P, "name", e),
-    description: N(P, "description", e)
+    name: N(I, "name", e),
+    description: N(I, "description", e)
   }),
   defaultData: () => ({
     instruction: "",
@@ -504,7 +504,7 @@ _({
 se(B);
 J("bitflow-styles-task-ordering", le);
 export {
-  Ee as AnswerSchema,
+  Me as AnswerSchema,
   ue as DataSchema,
   Ne as Form,
   ce as ItemSchema,
@@ -514,7 +514,7 @@ export {
   de as correctPositions,
   me as evaluate,
   he as formMessages,
-  P as messages,
+  I as messages,
   we as seededShuffle,
   pe as shuffledAwayFrom
 };

package/dist/assets/directive-bitflow/{index-D5yZNeIg.js → index-D0U3nepG.js}

@@ -1,6 +1,6 @@
-import { L as R, a4 as q, ac as ce, ad as J, a9 as W, P as L, am as he, a2 as S, a as p, j as n, a5 as Q, b as C, s as ue, aa as be } from "./dom-uYx_3K1r.js";
-import { S as me, v as F, D as ge, A as M, P as O, _, e as G, y as fe, M as D, t as Y, E as we, L as pe, s as V, R as xe } from "./bitLoaders-DIGwTcpd.js";
-const I = (e) => ({
+import { L as S, a4 as q, ac as ce, ad as J, a9 as W, P as L, am as he, a2 as C, a as p, j as n, a5 as Q, b as z, s as ue, aa as be } from "./dom-uYx_3K1r.js";
+import { $ as me, e as Z, h as ge, g as M, M as O, i as G, P as U, C as fe, F as D, r as I, B as we, U as pe, y as V, H as xe } from "./bitLoaders-CxvZkGrY.js";
+const Y = (e) => ({
   x: e.x,
   y: e.y,
   width: e.kind === "rect" ? e.width : 0,
@@ -24,14 +24,14 @@ const I = (e) => ({
   return h <= 0 ? 0 : a / h;
 }, ye = (e, r) => Math.hypot(e.x - r.x, e.y - r.y) <= r.radius, Me = (e, r, c) => {
   if (r.kind === "circle") {
-    const l = e.kind === "rect" ? ve(I(e)) : e;
+    const l = e.kind === "rect" ? ve(Y(e)) : e;
     return ye(l, r);
   }
   if (e.kind === "point") {
     const l = B(r);
     return e.x >= l.x && e.x <= l.x + l.width && e.y >= l.y && e.y <= l.y + l.height;
   }
-  return ke(I(e), B(r)) >= c.overlap;
+  return ke(Y(e), B(r)) >= c.overlap;
 }, Ne = (e, r, c) => {
   if (!c.requireLabel) return !0;
   const l = (h) => c.caseSensitive ? h.trim() : h.trim().toLowerCase(), a = l(e.label);
@@ -119,9 +119,9 @@ const I = (e) => ({
     verdictStray: "Hier ist nichts",
     missed: "Nicht markiert: {label}"
   }
-}, Se = ".bitflow-annotate{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-annotate-picture{position:relative;width:100%;border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);overflow:hidden;background:var(--bitflow-color-surface);touch-action:manipulation}.bitflow-annotate-picture-drag{touch-action:none}.bitflow-annotate-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.bitflow-annotate-noimage{background:repeating-linear-gradient(45deg,var(--bitflow-color-neutral-100),var(--bitflow-color-neutral-100) 10px,var(--bitflow-color-surface) 10px,var(--bitflow-color-surface) 20px)}.bitflow-annotate-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:crosshair}.bitflow-annotate-surface:disabled{cursor:default}.bitflow-annotate-aim{position:absolute;width:var(--bitflow-annotate-aim-size, 1.5rem);height:var(--bitflow-annotate-aim-size, 1.5rem);margin-left:calc(var(--bitflow-annotate-aim-size, 1.5rem) / -2);margin-top:calc(var(--bitflow-annotate-aim-size, 1.5rem) / -2);pointer-events:none;opacity:0;background:linear-gradient(var(--bitflow-color-primary),var(--bitflow-color-primary)) center / var(--bitflow-border-width) 100% no-repeat,linear-gradient(var(--bitflow-color-primary),var(--bitflow-color-primary)) center / 100% var(--bitflow-border-width) no-repeat}.bitflow-annotate-surface:focus-visible~.bitflow-annotate-aim{opacity:1}.bitflow-annotate-mark{position:absolute;pointer-events:none;border:var(--bitflow-border-width) solid var(--bitflow-color-primary);background:color-mix(in srgb,var(--bitflow-color-primary) 15%,transparent)}.bitflow-annotate-mark-point{width:var(--bitflow-annotate-mark-size, 1.5rem);height:var(--bitflow-annotate-mark-size, 1.5rem);margin-left:calc(var(--bitflow-annotate-mark-size, 1.5rem) / -2);margin-top:calc(var(--bitflow-annotate-mark-size, 1.5rem) / -2);border-radius:var(--bitflow-radius-full)}.bitflow-annotate-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--bitflow-font-size-small);font-weight:var(--bitflow-font-weight-bold);color:var(--bitflow-color-primary)}.bitflow-annotate-mark-right{border-color:var(--bitflow-color-correct);background:color-mix(in srgb,var(--bitflow-color-correct) 20%,transparent)}.bitflow-annotate-mark-named-wrong{border-color:var(--bitflow-color-warning);border-style:dashed}.bitflow-annotate-mark-stray{border-color:var(--bitflow-color-wrong);border-style:dashed}.bitflow-annotate-drawing{border-style:dashed}.bitflow-annotate-region{position:absolute;border:var(--bitflow-border-width) dashed var(--bitflow-color-correct);background:transparent;pointer-events:none}.bitflow-annotate-editor .bitflow-annotate-region{pointer-events:auto;cursor:move;padding:0;border-style:solid;border-color:var(--bitflow-color-primary);background:color-mix(in srgb,var(--bitflow-color-primary) 10%,transparent)}.bitflow-annotate-editor{cursor:crosshair}.bitflow-annotate-region-selected{border-color:var(--bitflow-color-primary-dark);background:color-mix(in srgb,var(--bitflow-color-primary) 25%,transparent)}.bitflow-annotate-region-name{position:absolute;left:0;bottom:100%;padding:0 var(--bitflow-space-xxsmall);font-size:var(--bitflow-font-size-small);white-space:nowrap;color:var(--bitflow-color-text);background:var(--bitflow-color-surface);border-radius:var(--bitflow-radius-standard)}.bitflow-annotate-list,.bitflow-annotate-missed{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--bitflow-space-xxsmall)}.bitflow-annotate-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall);padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard)}.bitflow-annotate-row-where{font-variant-numeric:tabular-nums}.bitflow-annotate-row>.bitflow-input{flex:1 1 var(--bitflow-annotate-name-min, 8rem);min-width:0}.bitflow-annotate-verdict{color:var(--bitflow-color-text-muted)}", N = L().min(0).max(1), te = ["point", "rect"], ae = Q(te), Re = R({
+}, Ce = ".bitflow-annotate{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-annotate-picture{position:relative;width:100%;border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);overflow:hidden;background:var(--bitflow-color-surface);touch-action:manipulation}.bitflow-annotate-picture-drag{touch-action:none}.bitflow-annotate-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.bitflow-annotate-noimage{background:repeating-linear-gradient(45deg,var(--bitflow-color-neutral-100),var(--bitflow-color-neutral-100) 10px,var(--bitflow-color-surface) 10px,var(--bitflow-color-surface) 20px)}.bitflow-annotate-surface{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:crosshair}.bitflow-annotate-surface:disabled{cursor:default}.bitflow-annotate-aim{position:absolute;width:var(--bitflow-annotate-aim-size, 1.5rem);height:var(--bitflow-annotate-aim-size, 1.5rem);margin-left:calc(var(--bitflow-annotate-aim-size, 1.5rem) / -2);margin-top:calc(var(--bitflow-annotate-aim-size, 1.5rem) / -2);pointer-events:none;opacity:0;background:linear-gradient(var(--bitflow-color-primary),var(--bitflow-color-primary)) center / var(--bitflow-border-width) 100% no-repeat,linear-gradient(var(--bitflow-color-primary),var(--bitflow-color-primary)) center / 100% var(--bitflow-border-width) no-repeat}.bitflow-annotate-surface:focus-visible~.bitflow-annotate-aim{opacity:1}.bitflow-annotate-mark{position:absolute;pointer-events:none;border:var(--bitflow-border-width) solid var(--bitflow-color-primary);background:color-mix(in srgb,var(--bitflow-color-primary) 15%,transparent)}.bitflow-annotate-mark-point{width:var(--bitflow-annotate-mark-size, 1.5rem);height:var(--bitflow-annotate-mark-size, 1.5rem);margin-left:calc(var(--bitflow-annotate-mark-size, 1.5rem) / -2);margin-top:calc(var(--bitflow-annotate-mark-size, 1.5rem) / -2);border-radius:var(--bitflow-radius-full)}.bitflow-annotate-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--bitflow-font-size-small);font-weight:var(--bitflow-font-weight-bold);color:var(--bitflow-color-primary)}.bitflow-annotate-mark-right{border-color:var(--bitflow-color-correct);background:color-mix(in srgb,var(--bitflow-color-correct) 20%,transparent)}.bitflow-annotate-mark-named-wrong{border-color:var(--bitflow-color-warning);border-style:dashed}.bitflow-annotate-mark-stray{border-color:var(--bitflow-color-wrong);border-style:dashed}.bitflow-annotate-drawing{border-style:dashed}.bitflow-annotate-region{position:absolute;border:var(--bitflow-border-width) dashed var(--bitflow-color-correct);background:transparent;pointer-events:none}.bitflow-annotate-editor .bitflow-annotate-region{pointer-events:auto;cursor:move;padding:0;border-style:solid;border-color:var(--bitflow-color-primary);background:color-mix(in srgb,var(--bitflow-color-primary) 10%,transparent)}.bitflow-annotate-editor{cursor:crosshair}.bitflow-annotate-region-selected{border-color:var(--bitflow-color-primary-dark);background:color-mix(in srgb,var(--bitflow-color-primary) 25%,transparent)}.bitflow-annotate-region-name{position:absolute;left:0;bottom:100%;padding:0 var(--bitflow-space-xxsmall);font-size:var(--bitflow-font-size-small);white-space:nowrap;color:var(--bitflow-color-text);background:var(--bitflow-color-surface);border-radius:var(--bitflow-radius-standard)}.bitflow-annotate-list,.bitflow-annotate-missed{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--bitflow-space-xxsmall)}.bitflow-annotate-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall);padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard)}.bitflow-annotate-row-where{font-variant-numeric:tabular-nums}.bitflow-annotate-row>.bitflow-input{flex:1 1 var(--bitflow-annotate-name-min, 8rem);min-width:0}.bitflow-annotate-verdict{color:var(--bitflow-color-text-muted)}", N = L().min(0).max(1), te = ["point", "rect"], ae = Q(te), Se = S({
   /** Stable across edits, so an outcome keeps pointing at the same region. */
-  id: S().min(1),
+  id: C().min(1),
   /**
    * Where the answer is. A circle for "mark the point"; a rectangle for
    * "outline the area". Both are what *counts*, not what is asked for — the
@@ -139,17 +139,17 @@ const I = (e) => ({
    * Names what is here. Shown once the answer is in, and used by whoever
    * cannot see the picture — so it is written for a reader, not as a key.
    */
-  label: S().default(""),
+  label: C().default(""),
   /**
    * Spellings the learner may write when a label is asked for. The region's
    * own `label` always counts, so this is for synonyms.
    */
-  acceptedLabels: q(S()).default([])
-}), Ce = R({
-  instruction: S().default(""),
+  acceptedLabels: q(C()).default([])
+}), ze = S({
+  instruction: C().default(""),
   background: he.default({ src: "", alt: "" }),
   /** The shape of the picture, so the marks keep their proportions. */
-  size: R({
+  size: S({
     width: L().positive().default(620),
     height: L().positive().default(310)
   }).default({ width: 620, height: 310 }),
@@ -163,7 +163,7 @@ const I = (e) => ({
   maximumCount: L().int().min(1).default(1),
   /** Whether each mark has to be named as well as placed. */
   requireLabel: W().default(!1),
-  regions: q(Re).default([]),
+  regions: q(Se).default([]),
   /**
    * How close a `rect` answer has to be to a `rect` region, as a fraction of
    * the two boxes' union — the Jaccard overlap. 0.5 is "half right", which
@@ -223,18 +223,18 @@ const I = (e) => ({
     path: ["maximumCount"],
     message: `There are ${r.length} regions but only ${l} mark(s) allowed, so the task cannot be completed.`
   }));
-}), ze = R({
+}), Re = S({
   /** Stable while the learner works, so a mark can be moved and removed. */
-  id: S().min(1),
+  id: C().min(1),
   kind: ae.default("point"),
   x: N,
   y: N,
   /** Only for a `rect` mark. */
   width: N.default(0),
   height: N.default(0),
-  label: S().default("")
-}), Te = R({
-  annotations: q(ze).default([])
+  label: C().default("")
+}), Fe = S({
+  annotations: q(Re).default([])
 }), Ee = 0.01, He = 0.05, Pe = 0.02, $ = (e) => Math.min(1, Math.max(0, e));
 let $e = 0;
 const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be = ({
@@ -245,13 +245,13 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
   readonly: a,
   onAnswerChange: h
 }) => {
-  const d = (i, o) => C(X, i, l, o), f = p.useRef(null), [g, j] = p.useState({ x: 0.5, y: 0.5 }), [w, k] = p.useState(), [b, t] = p.useState(""), s = p.useRef(void 0), m = p.useRef(!1), [v, z] = p.useState(), y = r?.annotations ?? [], E = c !== void 0, K = y.length >= e.maximumCount, H = p.useCallback((i, o) => {
+  const d = (i, o) => z(X, i, l, o), f = p.useRef(null), [g, j] = p.useState({ x: 0.5, y: 0.5 }), [w, k] = p.useState(), [b, t] = p.useState(""), s = p.useRef(void 0), m = p.useRef(!1), [v, R] = p.useState(), y = r?.annotations ?? [], E = c !== void 0, K = y.length >= e.maximumCount, H = p.useCallback((i, o) => {
     const u = f.current?.getBoundingClientRect();
     return !u || u.width === 0 || u.height === 0 ? null : {
       x: $((i - u.left) / u.width),
       y: $((o - u.top) / u.height)
     };
-  }, []), T = (i) => {
+  }, []), F = (i) => {
     if (a || K) return;
     const o = { ...i, id: Ae() };
     h({ annotations: [...y, o] }), t(
@@ -271,10 +271,10 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     )
   }), P = (i, o) => {
     if (e.annotationKind === "point" || !o) {
-      T({ kind: "point", x: i.x, y: i.y, width: 0, height: 0, label: "" });
+      F({ kind: "point", x: i.x, y: i.y, width: 0, height: 0, label: "" });
       return;
     }
-    T({
+    F({
       kind: "rect",
       x: Math.min(i.x, o.x),
       y: Math.min(i.y, o.y),
@@ -289,7 +289,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       const o = H(i.clientX, i.clientY);
       if (!o) return;
       const { fromX: u, fromY: x } = s.current;
-      Math.hypot(o.x - u, o.y - x) > Pe && (m.current = !0), m.current && e.annotationKind === "rect" && z({
+      Math.hypot(o.x - u, o.y - x) > Pe && (m.current = !0), m.current && e.annotationKind === "rect" && R({
         x: Math.min(u, o.x),
         y: Math.min(x, o.y),
         width: Math.abs(o.x - u),
@@ -298,7 +298,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     },
     (i) => {
       const o = s.current;
-      if (s.current = void 0, z(void 0), !o || !m.current) return;
+      if (s.current = void 0, R(void 0), !o || !m.current) return;
       const u = H(i.clientX, i.clientY);
       u && e.annotationKind === "rect" && P({ x: o.fromX, y: o.fromY }, u);
     }
@@ -331,7 +331,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       return;
     }
     P(w, g), k(void 0);
-  }, Z = (i) => c?.find((o) => o.annotationId === i);
+  }, T = (i) => c?.find((o) => o.annotationId === i);
   return /* @__PURE__ */ n.jsxs("div", { className: "bitflow-annotate", children: [
     /* @__PURE__ */ n.jsxs(
       "div",
@@ -368,7 +368,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
             );
           }),
           y.map((i, o) => {
-            const u = I(i), x = Z(i.id), de = E ? x && !x.labelWrong ? " bitflow-annotate-mark-right" : x ? " bitflow-annotate-mark-named-wrong" : " bitflow-annotate-mark-stray" : "";
+            const u = Y(i), x = T(i.id), de = E ? x && !x.labelWrong ? " bitflow-annotate-mark-right" : x ? " bitflow-annotate-mark-named-wrong" : " bitflow-annotate-mark-stray" : "";
             return /* @__PURE__ */ n.jsx(
               "span",
               {
@@ -448,7 +448,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     /* @__PURE__ */ n.jsxs("ul", { className: "bitflow-annotate-list", children: [
       y.length === 0 && /* @__PURE__ */ n.jsx("li", { className: "bitflow-text-muted", children: d("nothingPlaced") }),
       y.map((i, o) => {
-        const u = Z(i.id);
+        const u = T(i.id);
         return /* @__PURE__ */ n.jsxs("li", { className: "bitflow-annotate-row", children: [
           /* @__PURE__ */ n.jsx("span", { className: "bitflow-annotate-row-where", children: d(i.kind === "rect" ? "markBox" : "markPoint", {
             number: o + 1,
@@ -567,7 +567,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     advanced: "Erweitert",
     previewHint: "Das Bild, wie Lernende es sehen, mit eingezeichneten Bereichen. Ihnen werden die Bereiche erst nach der Abgabe gezeigt."
   }
-}, A = (e) => Math.min(1, Math.max(0, e)), U = 0.02, Ke = ({
+}, A = (e) => Math.min(1, Math.max(0, e)), _ = 0.02, Ke = ({
   data: e,
   locale: r,
   selectedId: c,
@@ -575,7 +575,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
   onDraw: a,
   onMove: h
 }) => {
-  const d = (b) => C(ne, b, r), f = p.useRef(null), [g, j] = p.useState(), w = p.useRef(void 0), k = p.useCallback((b, t) => {
+  const d = (b) => z(ne, b, r), f = p.useRef(null), [g, j] = p.useState(), w = p.useRef(void 0), k = p.useCallback((b, t) => {
     const s = f.current?.getBoundingClientRect();
     return !s || s.width === 0 || s.height === 0 ? null : {
       x: A((b - s.left) / s.width),
@@ -607,7 +607,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       const b = w.current;
       w.current = void 0;
       const t = g;
-      j(void 0), !(b?.kind !== "draw" || !t) && (t.width < U || t.height < U || a(t));
+      j(void 0), !(b?.kind !== "draw" || !t) && (t.width < _ || t.height < _ || a(t));
     }
   ), /* @__PURE__ */ n.jsxs(
     "div",
@@ -716,25 +716,25 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       onAnswerChange: h
     }
   )
-] }), Ye = (e) => {
+] }), Ie = (e) => {
   for (let r = e.length + 1; ; r++) {
     const c = `region-${r}`;
     if (!e.includes(c)) return c;
   }
-}, Ie = ({
+}, Ye = ({
   data: e,
   locale: r,
   onChange: c,
   errors: l
 }) => {
-  const a = (t, s) => C(ne, t, r, s), h = (t) => c({ ...e, ...t }), [d, f] = p.useState(), g = me(e.regions.map((t) => t.id)), j = (t) => {
+  const a = (t, s) => z(ne, t, r, s), h = (t) => c({ ...e, ...t }), [d, f] = p.useState(), g = me(e.regions.map((t) => t.id)), j = (t) => {
     f(t), t && g.open(t);
   }, w = (t, s) => h({
     regions: e.regions.map(
       (m) => m.id === t ? { ...m, ...s } : m
     )
   }), k = (t) => {
-    const s = Ye(e.regions.map((v) => v.id)), m = We(s, t, e.annotationKind === "rect" ? "rect" : "circle");
+    const s = Ie(e.regions.map((v) => v.id)), m = We(s, t, e.annotationKind === "rect" ? "rect" : "circle");
     h({
       regions: [...e.regions, m],
       // A task nobody can finish is not what the author just asked for, so
@@ -742,7 +742,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       // problem the next click would have avoided.
       maximumCount: Math.max(e.maximumCount, e.regions.length + 1)
     }), j(s);
-  }, b = (t, s, m) => /* @__PURE__ */ n.jsx(Y, { label: m, children: (v) => /* @__PURE__ */ n.jsx(
+  }, b = (t, s, m) => /* @__PURE__ */ n.jsx(I, { label: m, children: (v) => /* @__PURE__ */ n.jsx(
     "input",
     {
       ...v,
@@ -752,14 +752,14 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
       max: 100,
       step: 1,
       value: Math.round(t[s] * 100),
-      onChange: (z) => w(t.id, {
-        [s]: Math.min(1, Math.max(0, Number(z.target.value) / 100))
+      onChange: (R) => w(t.id, {
+        [s]: Math.min(1, Math.max(0, Number(R.target.value) / 100))
       })
     }
   ) });
   return /* @__PURE__ */ n.jsxs("div", { className: "bitflow-stack", children: [
     /* @__PURE__ */ n.jsx(
-      F,
+      Z,
       {
         label: a("instructionLabel"),
         hint: a("instructionHint"),
@@ -810,14 +810,14 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     /* @__PURE__ */ n.jsxs("fieldset", { className: "bitflow-field", children: [
       /* @__PURE__ */ n.jsx("legend", { className: "bitflow-label", children: a("regionsLabel") }),
       /* @__PURE__ */ n.jsx("span", { className: "bitflow-hint", children: a("regionsHint") }),
-      _(l, "regions") && /* @__PURE__ */ n.jsx("span", { className: "bitflow-field-error", role: "alert", children: _(l, "regions") }),
+      G(l, "regions") && /* @__PURE__ */ n.jsx("span", { className: "bitflow-field-error", role: "alert", children: G(l, "regions") }),
       e.regions.length === 0 && /* @__PURE__ */ n.jsx("p", { className: "bitflow-text-muted", children: a("noRegions") }),
       e.regions.map((t, s) => /* @__PURE__ */ n.jsx(
         "div",
         {
           className: d === t.id ? "bitflow-rule bitflow-rule-selected" : "bitflow-rule",
           children: /* @__PURE__ */ n.jsxs(
-            G,
+            U,
             {
               ...g.props(t.id),
               summary: t.label || a("unnamedRegion"),
@@ -858,7 +858,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
                 ] }),
                 M(l, `regions.${s}`) && /* @__PURE__ */ n.jsx("span", { className: "bitflow-field-error", role: "alert", children: M(l, `regions.${s}`) }),
                 e.requireLabel && /* @__PURE__ */ n.jsx(
-                  F,
+                  Z,
                   {
                     label: a("acceptedLabels"),
                     hint: a("acceptedLabelsHint"),
@@ -909,9 +909,9 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
         onChange: (t) => h({ requireLabel: t })
       }
     ),
-    /* @__PURE__ */ n.jsxs(G, { summary: a("advanced"), children: [
+    /* @__PURE__ */ n.jsxs(U, { summary: a("advanced"), children: [
       /* @__PURE__ */ n.jsx(
-        Y,
+        I,
         {
           label: a("countLabel"),
           hint: a("countHint"),
@@ -932,7 +932,7 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
           )
         }
       ),
-      e.annotationKind === "rect" && /* @__PURE__ */ n.jsx(Y, { label: a("overlapLabel"), hint: a("overlapHint"), children: (t) => /* @__PURE__ */ n.jsx(
+      e.annotationKind === "rect" && /* @__PURE__ */ n.jsx(I, { label: a("overlapLabel"), hint: a("overlapHint"), children: (t) => /* @__PURE__ */ n.jsx(
         "input",
         {
           ...t,
@@ -978,18 +978,18 @@ const Ae = () => `mark-${$e += 1}-${Math.random().toString(36).slice(2, 7)}`, Be
     ] })
   ] });
 };
-ue("bitflow-styles-task-image-annotation", Se);
+ue("bitflow-styles-task-image-annotation", Ce);
 const ie = "task-image-annotation";
 be({
   type: ie,
   kind: "task",
-  schema: Ce,
+  schema: ze,
   evaluate: Le,
   Task: De,
-  Form: Ie,
+  Form: Ye,
   info: (e) => ({
-    name: C(X, "name", e),
-    description: C(X, "description", e)
+    name: z(X, "name", e),
+    description: z(X, "description", e)
   }),
   defaultData: () => ({
     instruction: "",
@@ -1007,9 +1007,9 @@ be({
 });
 xe(ie);
 export {
-  Te as AnswerSchema,
-  Ce as DataSchema,
-  Ie as Form,
+  Fe as AnswerSchema,
+  ze as DataSchema,
+  Ye as Form,
   ie as TYPE,
   De as Task,
   Le as evaluate,