npm - hyperbook - Versions diffs - 0.113.1 → 0.113.2 - Mend

hyperbook 0.113.1 → 0.113.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/assets/directive-bitflow/{index-ivI25bnR.js → index-rp4UTV85.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { L as z, ak as ge, a2 as j, P as Y, ac as ve, ad as me, a9 as J, a4 as ie, a as L, j as t, a5 as ye, b as A, aa as je, s as ke } from "./dom-uYx_3K1r.js";
-import { v as Ne, _ as B, A as le, t as X, e as Ce, M as oe, E as Le, L as Pe, R as Ae } from "./bitLoaders-DIGwTcpd.js";
+import { L as z, ak as ge, a2 as j, P as I, ac as ve, ad as me, a9 as Q, a4 as ie, a as P, j as t, a5 as ye, b as A, aa as je, s as ke } from "./dom-uYx_3K1r.js";
+import { e as Ne, i as R, g as le, r as X, P as Ce, F as oe, B as Pe, U as Le, H as Ae } from "./bitLoaders-CxvZkGrY.js";
 const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a-fA-F]{6}$/, ze = j().regex($e, "A colour is six hex digits after a #, like #017460."), ne = z({
   label: j().default(""),
-  min: Y().default(0),
-  max: Y().default(10)
+  min: I().default(0),
+  max: I().default(10)
 }).prefault({}), Se = z({
   x: ne,
   y: ne
@@ -13,11 +13,11 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
   label: j().default(""),
   color: ze.default("#017460"),
   shape: Oe.default("circle")
-}), Te = z({
+}), He = z({
   id: j().min(1),
   /** In axis units, never pixels — the plot is drawn at whatever size it is given. */
-  x: Y(),
-  y: Y(),
+  x: I(),
+  y: I(),
   label: j().optional(),
   /** Set on a known point: shown filled, in this class's shape and colour. */
   class: j().optional(),
@@ -28,19 +28,19 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
    */
   expected: j().optional(),
   /** A cluster centre. Drawn larger and apart from ordinary points; never open. */
-  centroid: J().default(!1)
-}), I = (e) => e.centroid ? "centroid" : e.expected !== void 0 ? "open" : "known", He = z({
+  centroid: Q().default(!1)
+}), U = (e) => e.centroid ? "centroid" : e.expected !== void 0 ? "open" : "known", Te = z({
   instruction: j().default(""),
   axes: Se,
   classes: ie(Ke).default([]),
-  points: ie(Te).default([]),
-  showGrid: J().default(!0),
+  points: ie(He).default([]),
+  showGrid: Q().default(!0),
   /**
    * A point per open point instead of one for the whole plot. On by default:
    * a learner who places nine of ten points correctly got nine right, the
    * same reasoning as task-code-trace's cell-by-cell credit.
    */
-  partialCredit: J().default(!0),
+  partialCredit: Q().default(!0),
   evaluation: ve.default(me)
 }).check((e) => {
   const { axes: s, classes: o, points: n } = e.value;
@@ -126,7 +126,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
 }), it = z({
   /** Open point id → the class the learner assigned it. */
   assignments: ge(j(), j()).default({})
-}), Q = (e, s) => s === void 0 ? void 0 : e.classes.find((o) => o.id === s), U = (e, s) => Q(e, s)?.label || s || "", he = (e) => e.points.filter((s) => s.expected !== void 0), re = (e) => e.points.filter((s) => s.centroid), ce = (e) => e.points.filter((s) => !s.centroid && s.class !== void 0), ae = (e, s) => {
+}), _ = (e, s) => s === void 0 ? void 0 : e.classes.find((o) => o.id === s), Y = (e, s) => _(e, s)?.label || s || "", he = (e) => e.points.filter((s) => s.expected !== void 0), re = (e) => e.points.filter((s) => s.centroid), ce = (e) => e.points.filter((s) => !s.centroid && s.class !== void 0), ae = (e, s) => {
   const o = {};
   for (const n of he(e)) {
     const a = s?.assignments?.[n.id];
@@ -139,16 +139,16 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     earned: o.filter((n) => n === "correct").length,
     possible: o.length
   };
-}, Ee = (e, s) => {
+}, Fe = (e, s) => {
   const o = Object.values(ae(e, s));
   return o.length > 0 && o.every((n) => n === "correct");
-}, Re = ({
+}, Ee = ({
   data: e,
   answer: s
 }) => {
   if (e.evaluation.mode === "skip")
     return { state: "unknown", allowRetry: !1 };
-  const o = Ee(e, s), n = Me(e, s), a = e.partialCredit && n.possible > 0 ? n : { earned: o ? 1 : 0, possible: 1 };
+  const o = Fe(e, s), n = Me(e, s), a = e.partialCredit && n.possible > 0 ? n : { earned: o ? 1 : 0, possible: 1 };
   return {
     state: o ? "correct" : "wrong",
     score: a,
@@ -202,7 +202,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     xAxisNote: "x: {label}",
     yAxisNote: "y: {label}"
   }
-}, Fe = ".bitflow-point-plot{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-point-plot-diagram{width:100%;height:auto;background:var(--bitflow-color-surface);border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard)}.bitflow-point-plot-grid line{stroke:var(--bitflow-color-neutral-200);stroke-width:calc(1.5 * var(--bitflow-point-plot-scale, 1))}.bitflow-point-plot-axis line{stroke:var(--bitflow-color-neutral-700);stroke-width:calc(3 * var(--bitflow-point-plot-scale, 1))}.bitflow-point-plot-ticks text{fill:var(--bitflow-color-text-muted);font-family:var(--bitflow-font-family);font-size:calc(22px * var(--bitflow-point-plot-scale, 1));font-variant-numeric:tabular-nums}.bitflow-point-plot-axis-label{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:calc(24px * var(--bitflow-point-plot-scale, 1));font-weight:var(--bitflow-font-weight-medium)}.bitflow-point-plot-point circle:not(.bitflow-point-plot-hit):not(.bitflow-point-plot-ring),.bitflow-point-plot-point polygon,.bitflow-point-plot-swatch-icon circle,.bitflow-point-plot-swatch-icon polygon{fill:var(--bitflow-point-plot-color, transparent);stroke:var(--bitflow-color-text);stroke-width:3}.bitflow-point-plot-mark{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:22px;font-weight:var(--bitflow-font-weight-bold);text-anchor:middle;dominant-baseline:central;pointer-events:none}.bitflow-point-plot-hit{fill:transparent;stroke:none;cursor:pointer}.bitflow-point-plot-ring{fill:none;stroke:var(--bitflow-color-text);stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.bitflow-point-plot-point>:not(.bitflow-point-plot-hit){pointer-events:none}.bitflow-point-plot-centroid circle{fill:color-mix(in srgb,var(--bitflow-point-plot-color, transparent) 25%,transparent);stroke:var(--bitflow-point-plot-color, var(--bitflow-color-text));stroke-width:5}.bitflow-point-plot-centroid line{stroke:var(--bitflow-color-text);stroke-width:4}.bitflow-point-plot-label{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:20px;text-anchor:middle}.bitflow-point-plot-verdict{font-family:var(--bitflow-font-family);font-size:24px;font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-verdict-correct{fill:var(--bitflow-color-correct)}.bitflow-point-plot-verdict-wrong{fill:var(--bitflow-color-wrong)}.bitflow-point-plot-catcher{cursor:crosshair}.bitflow-point-plot-palette{display:flex;flex-wrap:wrap;gap:var(--bitflow-space-xxsmall)}.bitflow-point-plot-swatch{display:inline-flex;align-items:center;gap:var(--bitflow-space-xxsmall);min-height:44px;padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);background:var(--bitflow-color-surface);cursor:pointer}.bitflow-point-plot-swatch:has(:checked){border-color:var(--bitflow-color-neutral-900);font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-swatch:has(:focus-visible){box-shadow:var(--bitflow-shadow-outline)}.bitflow-point-plot-swatch-icon{width:1.5rem;height:1.5rem;flex:none}.bitflow-point-plot-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-point-plot-row-label{flex:1 1 10rem;font-variant-numeric:tabular-nums}.bitflow-point-plot-row>.bitflow-select{flex:1 1 10rem;width:auto}.bitflow-point-plot-badge{font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-badge-correct{color:var(--bitflow-color-correct)}.bitflow-point-plot-badge-wrong{color:var(--bitflow-color-wrong)}.bitflow-point-plot-written summary{cursor:pointer;color:var(--bitflow-color-text-muted);font-size:var(--bitflow-font-size-small)}.bitflow-point-plot-written ul{margin:var(--bitflow-space-xxsmall) 0 0;padding-inline-start:var(--bitflow-space-medium)}.bitflow-point-plot-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-point-plot-editor-row>.bitflow-input,.bitflow-point-plot-editor-row>.bitflow-select{flex:1 1 var(--bitflow-point-plot-editor-min, 7rem);width:auto;min-width:0}.bitflow-point-plot-editor-row>.bitflow-point-plot-number,.bitflow-point-plot-number{flex:0 1 var(--bitflow-point-plot-number-width, 5.5rem);width:var(--bitflow-point-plot-number-width, 5.5rem)}.bitflow-point-plot-color-input{flex:none;width:2.5rem;height:44px;padding:2px;border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);background:var(--bitflow-color-surface)}", ee = (e, s) => Math.hypot(e.x - s.x, e.y - s.y), Be = (e, s) => {
+}, Be = ".bitflow-point-plot{display:flex;flex-direction:column;gap:var(--bitflow-space-small)}.bitflow-point-plot-diagram{width:100%;height:auto;background:var(--bitflow-color-surface);border:1px solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard)}.bitflow-point-plot-grid line{stroke:var(--bitflow-color-neutral-200);stroke-width:calc(1.5 * var(--bitflow-point-plot-scale, 1))}.bitflow-point-plot-axis line{stroke:var(--bitflow-color-neutral-700);stroke-width:calc(3 * var(--bitflow-point-plot-scale, 1))}.bitflow-point-plot-ticks text{fill:var(--bitflow-color-text-muted);font-family:var(--bitflow-font-family);font-size:calc(22px * var(--bitflow-point-plot-scale, 1));font-variant-numeric:tabular-nums}.bitflow-point-plot-axis-label{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:calc(24px * var(--bitflow-point-plot-scale, 1));font-weight:var(--bitflow-font-weight-medium)}.bitflow-point-plot-point circle:not(.bitflow-point-plot-hit):not(.bitflow-point-plot-ring),.bitflow-point-plot-point polygon,.bitflow-point-plot-swatch-icon circle,.bitflow-point-plot-swatch-icon polygon{fill:var(--bitflow-point-plot-color, transparent);stroke:var(--bitflow-color-text);stroke-width:3}.bitflow-point-plot-mark{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:22px;font-weight:var(--bitflow-font-weight-bold);text-anchor:middle;dominant-baseline:central;pointer-events:none}.bitflow-point-plot-hit{fill:transparent;stroke:none;cursor:pointer}.bitflow-point-plot-ring{fill:none;stroke:var(--bitflow-color-text);stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.bitflow-point-plot-point>:not(.bitflow-point-plot-hit){pointer-events:none}.bitflow-point-plot-centroid circle{fill:color-mix(in srgb,var(--bitflow-point-plot-color, transparent) 25%,transparent);stroke:var(--bitflow-point-plot-color, var(--bitflow-color-text));stroke-width:5}.bitflow-point-plot-centroid line{stroke:var(--bitflow-color-text);stroke-width:4}.bitflow-point-plot-label{fill:var(--bitflow-color-text);font-family:var(--bitflow-font-family);font-size:20px;text-anchor:middle}.bitflow-point-plot-verdict{font-family:var(--bitflow-font-family);font-size:24px;font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-verdict-correct{fill:var(--bitflow-color-correct)}.bitflow-point-plot-verdict-wrong{fill:var(--bitflow-color-wrong)}.bitflow-point-plot-catcher{cursor:crosshair}.bitflow-point-plot-palette{display:flex;flex-wrap:wrap;gap:var(--bitflow-space-xxsmall)}.bitflow-point-plot-swatch{display:inline-flex;align-items:center;gap:var(--bitflow-space-xxsmall);min-height:44px;padding:var(--bitflow-space-xxsmall) var(--bitflow-space-xsmall);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);background:var(--bitflow-color-surface);cursor:pointer}.bitflow-point-plot-swatch:has(:checked){border-color:var(--bitflow-color-neutral-900);font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-swatch:has(:focus-visible){box-shadow:var(--bitflow-shadow-outline)}.bitflow-point-plot-swatch-icon{width:1.5rem;height:1.5rem;flex:none}.bitflow-point-plot-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-point-plot-row-label{flex:1 1 10rem;font-variant-numeric:tabular-nums}.bitflow-point-plot-row>.bitflow-select{flex:1 1 10rem;width:auto}.bitflow-point-plot-badge{font-weight:var(--bitflow-font-weight-bold)}.bitflow-point-plot-badge-correct{color:var(--bitflow-color-correct)}.bitflow-point-plot-badge-wrong{color:var(--bitflow-color-wrong)}.bitflow-point-plot-written summary{cursor:pointer;color:var(--bitflow-color-text-muted);font-size:var(--bitflow-font-size-small)}.bitflow-point-plot-written ul{margin:var(--bitflow-space-xxsmall) 0 0;padding-inline-start:var(--bitflow-space-medium)}.bitflow-point-plot-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bitflow-space-xsmall)}.bitflow-point-plot-editor-row>.bitflow-input,.bitflow-point-plot-editor-row>.bitflow-select{flex:1 1 var(--bitflow-point-plot-editor-min, 7rem);width:auto;min-width:0}.bitflow-point-plot-editor-row>.bitflow-point-plot-number,.bitflow-point-plot-number{flex:0 1 var(--bitflow-point-plot-number-width, 5.5rem);width:var(--bitflow-point-plot-number-width, 5.5rem)}.bitflow-point-plot-color-input{flex:none;width:2.5rem;height:44px;padding:2px;border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);background:var(--bitflow-color-surface)}", ee = (e, s) => Math.hypot(e.x - s.x, e.y - s.y), Re = (e, s) => {
   let o;
   for (const n of e) {
     if (n.class === void 0) continue;
@@ -338,14 +338,14 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
 }, fe = (e) => {
   const s = Math.round(e * 100) / 100;
   return String(s);
-}, Z = 16, H = 26, We = 42, Ye = 560, Ie = 2.2, Ue = (e) => {
-  const [s, o] = L.useState(1);
-  return L.useLayoutEffect(() => {
+}, Z = 16, T = 26, We = 42, Ie = 560, Ue = 2.2, Ye = (e) => {
+  const [s, o] = P.useState(1);
+  return P.useLayoutEffect(() => {
     const n = e.current;
     if (!n || typeof ResizeObserver > "u") return;
     const a = () => {
       const r = n.getBoundingClientRect().width;
-      r && o(Math.min(Ie, Math.max(1, Ye / r)));
+      r && o(Math.min(Ue, Math.max(1, Ie / r)));
     };
     a();
     const p = new ResizeObserver(a);
@@ -354,7 +354,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
 }, Ve = (e) => {
   const s = e * 1.05;
   return `0,${-s} ${s * 0.92},${s * 0.62} ${-s * 0.92},${s * 0.62}`;
-}, Xe = (e) => `0,${-e} ${e},0 0,${e} ${-e},0`, _e = (e) => {
+}, Xe = (e) => `0,${-e} ${e},0 0,${e} ${-e},0`, Je = (e) => {
   const s = e * 0.82;
   return `${-s},${-s} ${s},${-s} ${s},${s} ${-s},${s}`;
 }, se = ({
@@ -364,7 +364,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
   style: n
 }) => {
   if (e === "circle") return /* @__PURE__ */ t.jsx("circle", { r: s, className: o, style: n });
-  const a = e === "square" ? _e(s) : e === "triangle" ? Ve(s) : Xe(s);
+  const a = e === "square" ? Je(s) : e === "triangle" ? Ve(s) : Xe(s);
   return /* @__PURE__ */ t.jsx("polygon", { points: a, className: o, style: n });
 }, xe = ({
   data: e,
@@ -375,21 +375,21 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
   onAssign: p,
   onPlacePoint: r
 }) => {
-  const f = (l, d) => A($, l, n, d), u = L.useRef(null), w = Ue(u), [v, k] = L.useState(e.classes[0]?.id), [x, N] = L.useState(""), C = !!p && !a, g = s?.assignments ?? {}, S = de(e.axes.x), E = de(e.axes.y), K = (l, d) => {
+  const f = (l, d) => A($, l, n, d), u = P.useRef(null), w = Ye(u), [v, k] = P.useState(e.classes[0]?.id), [x, N] = P.useState(""), C = !!p && !a, g = s?.assignments ?? {}, S = de(e.axes.x), F = de(e.axes.y), K = (l, d) => {
     if (!p) return;
     p(l.id, d);
-    const P = l.label || l.id;
+    const L = l.label || l.id;
     N(
-      d === void 0 ? f("openUnassigned", { label: P }) : f("openAssigned", { label: P, class: U(e, d) })
+      d === void 0 ? f("openUnassigned", { label: L }) : f("openAssigned", { label: L, class: Y(e, d) })
     );
-  }, R = (l, d) => K(l, g[l.id] === d ? void 0 : d), V = (l) => {
+  }, E = (l, d) => K(l, g[l.id] === d ? void 0 : d), V = (l) => {
     if (!r) return;
     const d = l.currentTarget.ownerSVGElement?.getBoundingClientRect();
     if (!d || d.width === 0 || d.height === 0) return;
-    const P = (l.clientX - d.left) / d.width * te, T = (l.clientY - d.top) / d.height * W;
+    const L = (l.clientX - d.left) / d.width * te, H = (l.clientY - d.top) / d.height * W;
     r(
-      pe(e.axes.x, Ze(e.axes.x, P)),
-      pe(e.axes.y, qe(e.axes.y, T))
+      pe(e.axes.x, Ze(e.axes.x, L)),
+      pe(e.axes.y, qe(e.axes.y, H))
     );
   }, i = (l) => G(e.axes.x, l.x), c = (l) => D(e.axes.y, l.y), b = e.points.filter((l) => !l.centroid), h = e.points.filter((l) => l.centroid);
   return /* @__PURE__ */ t.jsxs("div", { className: "bitflow-point-plot", children: [
@@ -414,7 +414,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
               },
               `x${l}`
             )),
-            E.map((l) => /* @__PURE__ */ t.jsx(
+            F.map((l) => /* @__PURE__ */ t.jsx(
               "line",
               {
                 y1: D(e.axes.y, l),
@@ -456,7 +456,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
               },
               `xt${l}`
             )),
-            E.map((l) => /* @__PURE__ */ t.jsx(
+            F.map((l) => /* @__PURE__ */ t.jsx(
               "text",
               {
                 x: m.left - 10,
@@ -500,7 +500,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
             }
           ),
           b.map((l) => {
-            const d = I(l), P = g[l.id], T = o?.[l.id], F = Q(e, d === "known" ? l.class : P);
+            const d = U(l), L = g[l.id], H = o?.[l.id], B = _(e, d === "known" ? l.class : L);
             return /* @__PURE__ */ t.jsxs(
               "g",
               {
@@ -512,10 +512,10 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
                     {
                       r: We,
                       className: "bitflow-point-plot-hit",
-                      onClick: () => v !== void 0 && R(l, v)
+                      onClick: () => v !== void 0 && E(l, v)
                     }
                   ),
-                  d === "open" && !F ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  d === "open" && !B ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(
                       se,
                       {
@@ -525,13 +525,13 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
                       }
                     ),
                     /* @__PURE__ */ t.jsx("text", { className: "bitflow-point-plot-mark", children: "?" })
-                  ] }) : F && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  ] }) : B && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(
                       se,
                       {
-                        shape: F.shape,
+                        shape: B.shape,
                         size: Z,
-                        style: { "--bitflow-point-plot-color": F.color }
+                        style: { "--bitflow-point-plot-color": B.color }
                       }
                     ),
                     d === "open" && /* @__PURE__ */ t.jsx(
@@ -542,13 +542,13 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
                       }
                     )
                   ] }),
-                  T && /* @__PURE__ */ t.jsx(
+                  H && /* @__PURE__ */ t.jsx(
                     "text",
                     {
-                      className: T === "correct" ? "bitflow-point-plot-verdict bitflow-point-plot-verdict-correct" : "bitflow-point-plot-verdict bitflow-point-plot-verdict-wrong",
+                      className: H === "correct" ? "bitflow-point-plot-verdict bitflow-point-plot-verdict-correct" : "bitflow-point-plot-verdict bitflow-point-plot-verdict-wrong",
                       x: Z + 14,
                       y: -24,
-                      children: T === "correct" ? "✓" : "✗"
+                      children: H === "correct" ? "✓" : "✗"
                     }
                   ),
                   l.label && /* @__PURE__ */ t.jsx("text", { className: "bitflow-point-plot-label", y: -26, children: l.label })
@@ -558,7 +558,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
             );
           }),
           h.map((l) => {
-            const d = Q(e, l.class);
+            const d = _(e, l.class);
             return d ? /* @__PURE__ */ t.jsxs(
               "g",
               {
@@ -566,10 +566,10 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
                 transform: `translate(${i(l)} ${c(l)}) scale(${w})`,
                 style: { "--bitflow-point-plot-color": d.color },
                 children: [
-                  /* @__PURE__ */ t.jsx("title", { children: f("centroidTitle", { class: U(e, l.class) }) }),
-                  /* @__PURE__ */ t.jsx("circle", { r: H }),
-                  /* @__PURE__ */ t.jsx("line", { x1: -H * 0.6, y1: 0, x2: H * 0.6, y2: 0 }),
-                  /* @__PURE__ */ t.jsx("line", { x1: 0, y1: -H * 0.6, x2: 0, y2: H * 0.6 }),
+                  /* @__PURE__ */ t.jsx("title", { children: f("centroidTitle", { class: Y(e, l.class) }) }),
+                  /* @__PURE__ */ t.jsx("circle", { r: T }),
+                  /* @__PURE__ */ t.jsx("line", { x1: -T * 0.6, y1: 0, x2: T * 0.6, y2: 0 }),
+                  /* @__PURE__ */ t.jsx("line", { x1: 0, y1: -T * 0.6, x2: 0, y2: T * 0.6 }),
                   l.label && /* @__PURE__ */ t.jsx("text", { className: "bitflow-point-plot-label", y: -34, children: l.label })
                 ]
               },
@@ -580,7 +580,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
       }
     ),
     p && /* @__PURE__ */ t.jsx(
-      Je,
+      Qe,
       {
         data: e,
         answer: s,
@@ -594,7 +594,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     ),
     /* @__PURE__ */ t.jsx("div", { className: "bitflow-visually-hidden", role: "status", "aria-live": "polite", children: x })
   ] });
-}, Je = ({
+}, Qe = ({
   data: e,
   answer: s,
   states: o,
@@ -604,7 +604,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
   setActive: r,
   onAssign: f
 }) => {
-  const u = (x, N) => A($, x, n, N), w = s?.assignments ?? {}, v = he(e), k = L.useId();
+  const u = (x, N) => A($, x, n, N), w = s?.assignments ?? {}, v = he(e), k = P.useId();
   return /* @__PURE__ */ t.jsxs("div", { className: "bitflow-stack-small bitflow-stack", children: [
     !a && /* @__PURE__ */ t.jsx(
       "div",
@@ -671,7 +671,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
       })
     ] })
   ] });
-}, Qe = ({
+}, _e = ({
   data: e,
   answer: s,
   result: o,
@@ -681,7 +681,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
 }) => {
   const r = (u, w) => A($, u, a, w), f = o?.detail?.points;
   return /* @__PURE__ */ t.jsxs("div", { className: "bitflow-stack", children: [
-    /* @__PURE__ */ t.jsx(Pe, { markdown: e.instruction }),
+    /* @__PURE__ */ t.jsx(Le, { markdown: e.instruction }),
     /* @__PURE__ */ t.jsx("p", { className: "bitflow-hint", children: r(n ? "howToReadonly" : "howTo") }),
     /* @__PURE__ */ t.jsx(
       xe,
@@ -706,7 +706,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     e.axes.x.label && /* @__PURE__ */ t.jsx("p", { className: "bitflow-text", children: o("xAxisNote", { label: e.axes.x.label }) }),
     e.axes.y.label && /* @__PURE__ */ t.jsx("p", { className: "bitflow-text", children: o("yAxisNote", { label: e.axes.y.label }) }),
     /* @__PURE__ */ t.jsx("ul", { children: e.points.map((a, p) => {
-      const r = `(${a.x}, ${a.y})`, f = I(a), u = f === "centroid" ? o("centroidTitle", { class: U(e, a.class) }) : f === "known" ? o("knownTitle", { label: n(a, p), class: U(e, a.class) }) : o("openUnassigned", { label: n(a, p) });
+      const r = `(${a.x}, ${a.y})`, f = U(a), u = f === "centroid" ? o("centroidTitle", { class: Y(e, a.class) }) : f === "known" ? o("knownTitle", { label: n(a, p), class: Y(e, a.class) }) : o("openUnassigned", { label: n(a, p) });
       return /* @__PURE__ */ t.jsxs("li", { children: [
         u,
         " ",
@@ -714,13 +714,13 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
       ] }, a.id);
     }) })
   ] });
-}, _ = ({
+}, J = ({
   value: e,
   onChange: s,
   ...o
 }) => {
-  const [n, a] = L.useState(() => String(e));
-  return L.useEffect(() => {
+  const [n, a] = P.useState(() => String(e));
+  return P.useEffect(() => {
     Number(n.replace(",", ".")) !== e && a(String(e));
   }, [e]), /* @__PURE__ */ t.jsx(
     "input",
@@ -748,7 +748,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
   onChange: o,
   errors: n
 }) => {
-  const a = (i, c) => A(De, i, s, c), p = (i) => o({ ...e, ...i }), [r, f] = L.useState(3), u = (i, c) => p({ axes: { ...e.axes, [i]: { ...e.axes[i], ...c } } }), w = (i, c) => p({
+  const a = (i, c) => A(De, i, s, c), p = (i) => o({ ...e, ...i }), [r, f] = P.useState(3), u = (i, c) => p({ axes: { ...e.axes, [i]: { ...e.axes[i], ...c } } }), w = (i, c) => p({
     classes: e.classes.map((b) => b.id === i ? { ...b, ...c } : b)
   }), v = (i) => p({
     classes: e.classes.filter((c) => c.id !== i),
@@ -781,22 +781,22 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     return [...i].sort((b, h) => c(b) - c(h));
   }, S = (i) => p({
     points: e.points.map(
-      (c) => I(c) === "open" ? { ...c, expected: i(c) ?? c.expected } : c
+      (c) => U(c) === "open" ? { ...c, expected: i(c) ?? c.expected } : c
     )
-  }), E = {
+  }), F = {
     circle: a("shapeCircle"),
     square: a("shapeSquare"),
     triangle: a("shapeTriangle"),
     diamond: a("shapeDiamond")
   }, K = (i, c, b, h) => /* @__PURE__ */ t.jsx(X, { label: i, error: h, children: (l) => /* @__PURE__ */ t.jsx(
-    _,
+    J,
     {
       ...l,
       className: "bitflow-input bitflow-point-plot-number",
       value: c,
       onChange: b
     }
-  ) }), R = (i) => /* @__PURE__ */ t.jsxs("fieldset", { className: "bitflow-field", children: [
+  ) }), E = (i) => /* @__PURE__ */ t.jsxs("fieldset", { className: "bitflow-field", children: [
     /* @__PURE__ */ t.jsx("legend", { className: "bitflow-label", children: a(i === "x" ? "xAxisLegend" : "yAxisLegend") }),
     /* @__PURE__ */ t.jsxs("div", { className: "bitflow-row", children: [
       /* @__PURE__ */ t.jsx(X, { label: a("axisLabelField"), children: (c) => /* @__PURE__ */ t.jsx(
@@ -833,12 +833,12 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
         onChange: (i) => p({ instruction: i })
       }
     ),
-    R("x"),
-    R("y"),
+    E("x"),
+    E("y"),
     /* @__PURE__ */ t.jsxs("fieldset", { className: "bitflow-field", children: [
       /* @__PURE__ */ t.jsx("legend", { className: "bitflow-label", children: a("classesLabel") }),
       /* @__PURE__ */ t.jsx("span", { className: "bitflow-hint", children: a("classesHint") }),
-      B(n, "classes") && /* @__PURE__ */ t.jsx("span", { className: "bitflow-field-error", role: "alert", children: B(n, "classes") }),
+      R(n, "classes") && /* @__PURE__ */ t.jsx("span", { className: "bitflow-field-error", role: "alert", children: R(n, "classes") }),
       e.classes.length === 0 && /* @__PURE__ */ t.jsx("p", { className: "bitflow-text-muted", children: a("noClasses") }),
       e.classes.map((i, c) => {
         const b = i.label || a("unnamedClass", { number: c + 1 });
@@ -872,7 +872,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
               value: i.shape,
               "aria-label": a("classShapeOf", { class: b }),
               onChange: (h) => w(i.id, { shape: h.target.value }),
-              children: q.map((h) => /* @__PURE__ */ t.jsx("option", { value: h, children: E[h] }, h))
+              children: q.map((h) => /* @__PURE__ */ t.jsx("option", { value: h, children: F[h] }, h))
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -918,14 +918,14 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
     /* @__PURE__ */ t.jsxs("fieldset", { className: "bitflow-field", children: [
       /* @__PURE__ */ t.jsx("legend", { className: "bitflow-label", children: a("pointsLabel") }),
       /* @__PURE__ */ t.jsx("span", { className: "bitflow-hint", children: a("pointsHint") }),
-      B(n, "points") && /* @__PURE__ */ t.jsx("span", { className: "bitflow-field-error", role: "alert", children: B(n, "points") }),
+      R(n, "points") && /* @__PURE__ */ t.jsx("span", { className: "bitflow-field-error", role: "alert", children: R(n, "points") }),
       V.map((i) => /* @__PURE__ */ t.jsx("span", { className: "bitflow-field-error", role: "alert", children: i }, i)),
       e.points.length === 0 && /* @__PURE__ */ t.jsx("p", { className: "bitflow-text-muted", children: a("noPoints") }),
       e.points.map((i, c) => {
-        const b = I(i), h = c + 1, l = b === "open" ? "expected" : "class";
+        const b = U(i), h = c + 1, l = b === "open" ? "expected" : "class";
         return /* @__PURE__ */ t.jsxs("div", { className: "bitflow-point-plot-editor-row", children: [
           /* @__PURE__ */ t.jsx(
-            _,
+            J,
             {
               className: "bitflow-input bitflow-point-plot-number",
               value: i.x,
@@ -934,7 +934,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
             }
           ),
           /* @__PURE__ */ t.jsx(
-            _,
+            J,
             {
               className: "bitflow-input bitflow-point-plot-number",
               value: i.y,
@@ -976,7 +976,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
               onChange: (d) => k(i.id, { [l]: d.target.value || void 0 }),
               children: [
                 /* @__PURE__ */ t.jsx("option", { value: "", children: a("chooseNone") }),
-                e.classes.map((d, P) => /* @__PURE__ */ t.jsx("option", { value: d.id, children: d.label || a("unnamedClass", { number: P + 1 }) }, d.id))
+                e.classes.map((d, L) => /* @__PURE__ */ t.jsx("option", { value: d.id, children: d.label || a("unnamedClass", { number: L + 1 }) }, d.id))
               ]
             }
           ),
@@ -1014,7 +1014,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
           type: "button",
           className: "bitflow-button bitflow-button-secondary",
           disabled: re(e).length === 0,
-          onClick: () => S((i) => Be(g(re(e)), i)),
+          onClick: () => S((i) => Re(g(re(e)), i)),
           children: a("apply")
         }
       ) })
@@ -1070,7 +1070,7 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
         }
       ),
       /* @__PURE__ */ t.jsx(
-        Le,
+        Pe,
         {
           evaluation: e.evaluation,
           locale: s,
@@ -1083,9 +1083,9 @@ const q = ["circle", "square", "triangle", "diamond"], Oe = ye(q), $e = /^#[0-9a
 je({
   type: we,
   kind: "task",
-  schema: He,
-  evaluate: Re,
-  Task: Qe,
+  schema: Te,
+  evaluate: Ee,
+  Task: _e,
   Form: tt,
   info: (e) => ({
     name: A($, "name", e),
@@ -1105,33 +1105,33 @@ je({
   })
 });
 Ae(we);
-ke("bitflow-styles-task-point-plot", Fe);
+ke("bitflow-styles-task-point-plot", Be);
 export {
   it as AnswerSchema,
   Se as AxesSchema,
   ne as AxisSchema,
   Ke as ClassSchema,
-  He as DataSchema,
+  Te as DataSchema,
   tt as Form,
   xe as PlotView,
-  Te as PointSchema,
+  He as PointSchema,
   q as SHAPES,
   Oe as ShapeSchema,
   we as TYPE,
-  Qe as Task,
-  Ee as allCorrect,
+  _e as Task,
+  Fe as allCorrect,
   re as centroids,
-  Q as classById,
-  U as classLabel,
+  _ as classById,
+  Y as classLabel,
   ee as distance,
-  Re as evaluate,
+  Ee as evaluate,
   De as formMessages,
   Ge as knn,
   ce as knownPoints,
   $ as messages,
-  Be as nearestCentroid,
+  Re as nearestCentroid,
   he as openPoints,
   ae as pointStates,
-  I as roleOf,
+  U as roleOf,
   Me as scoreOf
 };

package/dist/assets/directive-bitflow/{index-XxGfBwJe.js → index-xTX3CXJW.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { L as g, a4 as v, a2 as c, j as a, a as y, b as f, E as k, a5 as F, a9 as N, s as L, aa as C } from "./dom-uYx_3K1r.js";
-import { S as H, y as b, v as w, e as K, P as O, M as T, L as E, R as S } from "./bitLoaders-DIGwTcpd.js";
-const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflow-space-small);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);padding:var(--bitflow-space-small);margin:0}.bitflow-identify-required{margin:0;min-height:1.5em;color:var(--bitflow-color-warning);font-size:var(--bitflow-font-size-small)}", p = {
+import { L as g, a4 as k, a2 as c, j as a, a as q, b as f, E as v, a5 as y, a9 as N, s as C, aa as H } from "./dom-uYx_3K1r.js";
+import { $ as L, C as b, e as w, P as K, M as O, F as E, U as T, H as z } from "./bitLoaders-CxvZkGrY.js";
+const A = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflow-space-small);border:var(--bitflow-border-width) solid var(--bitflow-color-border);border-radius:var(--bitflow-radius-standard);padding:var(--bitflow-space-small);margin:0}.bitflow-identify-required{margin:0;min-height:1.5em;color:var(--bitflow-color-warning);font-size:var(--bitflow-font-size-small)}", p = {
   en: {
     name: "Who you are",
     description: "Asks the learner for a name or a class before the assessment starts.",
@@ -73,20 +73,20 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
     incomplete: "Başlamadan önce “Gerekli” işaretli her yeri doldur.",
     nameFallback: "Ad"
   }
-}, A = g({
+}, S = g({
   id: c().min(1),
   label: c().default(""),
   hint: c().default(""),
   required: N().default(!0),
-  kind: F(["text", "select"]).default("text"),
+  kind: y(["text", "select"]).default("text"),
   /** Only for `select`. Ignored otherwise. */
-  options: v(c()).default([])
+  options: k(c()).default([])
 }), R = g({
   title: c().default(""),
   markdown: c().default(""),
-  fields: v(A).default([])
+  fields: k(S).default([])
 }), D = () => ({
-  id: k("field"),
+  id: v("field"),
   label: "",
   hint: "",
   required: !0,
@@ -94,7 +94,7 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
   options: []
 }), x = (e, r) => e.fields.every(
   (s) => !s.required || s.label.trim() === "" || (r?.[s.id] ?? "").trim() !== ""
-), M = (e, r) => {
+), I = (e, r) => {
   for (const s of e.fields) {
     const t = (r?.[s.id] ?? "").trim();
     if (t !== "") return t;
@@ -145,16 +145,16 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
   locale: t,
   onAnswerChange: h
 }) => {
-  const d = (l) => f(p, l, t), i = y.useId(), n = e.fields.filter((l) => l.label.trim() !== ""), o = (l, u) => h({ ...r, [l]: u });
+  const d = (l) => f(p, l, t), i = q.useId(), n = e.fields.filter((l) => l.label.trim() !== ""), o = (l, u) => h({ ...r, [l]: u });
   return /* @__PURE__ */ a.jsxs("div", { className: "bitflow-stack", children: [
     e.title && /* @__PURE__ */ a.jsx("h1", { className: "bitflow-heading", children: e.title }),
-    /* @__PURE__ */ a.jsx(E, { markdown: e.markdown }),
+    /* @__PURE__ */ a.jsx(T, { markdown: e.markdown }),
     n.length > 0 && /* @__PURE__ */ a.jsxs("fieldset", { className: "bitflow-identify", children: [
       /* @__PURE__ */ a.jsx("legend", { className: "bitflow-label", children: d("legend") }),
       n.map((l) => {
-        const u = `${i}-${l.id}`, q = l.required ? `${l.label} (${d("required")})` : l.label;
+        const u = `${i}-${l.id}`, F = l.required ? `${l.label} (${d("required")})` : l.label;
         return /* @__PURE__ */ a.jsxs("div", { className: "bitflow-field", children: [
-          /* @__PURE__ */ a.jsx("label", { className: "bitflow-label", htmlFor: u, children: q }),
+          /* @__PURE__ */ a.jsx("label", { className: "bitflow-label", htmlFor: u, children: F }),
           l.hint && /* @__PURE__ */ a.jsx("span", { className: "bitflow-hint", children: l.hint }),
           l.kind === "select" ? /* @__PURE__ */ a.jsxs(
             "select",
@@ -187,12 +187,12 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
     ] }),
     /* @__PURE__ */ a.jsx("p", { className: "bitflow-identify-required", children: !x(e, r) && !s && d("incomplete") })
   ] });
-}, V = ({
+}, U = ({
   data: e,
   locale: r,
   onChange: s
 }) => {
-  const t = (i) => f(W, i, r), h = H(e.fields.map((i) => i.id)), d = (i, n) => s({
+  const t = (i) => f(W, i, r), h = L(e.fields.map((i) => i.id)), d = (i, n) => s({
     ...e,
     fields: e.fields.map(
       (o) => o.id === i ? { ...o, ...n } : o
@@ -270,7 +270,7 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
             }
           ),
           /* @__PURE__ */ a.jsx(
-            T,
+            E,
             {
               label: t("fieldRequired"),
               checked: i.required,
@@ -304,14 +304,14 @@ const z = ".bitflow-identify{display:flex;flex-direction:column;gap:var(--bitflo
     )
   ] });
 };
-L("bitflow-styles-start-identify", z);
+C("bitflow-styles-start-identify", A);
 const j = "start-identify";
-C({
+H({
   type: j,
   kind: "start",
   schema: R,
   Task: P,
-  Form: V,
+  Form: U,
   info: (e) => ({
     name: f(p, "name", e),
     description: f(p, "description", e)
@@ -325,7 +325,7 @@ C({
     // empty list would hand the author a step that shows nothing.
     fields: [
       {
-        id: k("field"),
+        id: v("field"),
         label: "Name",
         hint: "",
         required: !0,
@@ -335,13 +335,13 @@ C({
     ]
   })
 });
-S(j);
+z(j);
 export {
   R as DataSchema,
-  V as Form,
+  U as Form,
   j as TYPE,
   P as Task,
-  M as identityOf,
+  I as identityOf,
   x as isFilledIn,
   p as messages
 };