@pie-element/simple-cloze 0.1.4-next.16 → 0.1.4-next.17
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.
- package/dist/author/index.js +146 -144
- package/dist/author/index.js.map +1 -1
- package/dist/browser/author/index.js +1 -1
- package/dist/browser/author/index.js.map +1 -1
- package/dist/browser/{client-C4zbv8nl.js → client-e4ZTphpa.js} +727 -712
- package/dist/browser/client-e4ZTphpa.js.map +1 -0
- package/dist/browser/delivery/index.js +1 -1
- package/dist/browser/delivery/index.js.map +1 -1
- package/dist/browser/editor-runtime/author/index.js +1 -1
- package/dist/browser/editor-runtime/author/index.js.map +1 -1
- package/dist/browser/editor-runtime/{client-C4zbv8nl.js → client-e4ZTphpa.js} +727 -712
- package/dist/browser/editor-runtime/client-e4ZTphpa.js.map +1 -0
- package/dist/browser/editor-runtime/delivery/index.js +1 -1
- package/dist/browser/editor-runtime/delivery/index.js.map +1 -1
- package/dist/browser/editor-runtime/print/index.js +1 -1
- package/dist/browser/editor-runtime/print/index.js.map +1 -1
- package/dist/browser/print/index.js +1 -1
- package/dist/browser/print/index.js.map +1 -1
- package/dist/delivery/index.js +143 -141
- package/dist/delivery/index.js.map +1 -1
- package/dist/index.iife.js +4 -4
- package/dist/print/index.js +141 -139
- package/dist/print/index.js.map +1 -1
- package/module/print.js +589 -574
- package/module/print.js.map +1 -1
- package/package.json +1 -1
- package/dist/browser/client-C4zbv8nl.js.map +0 -1
- package/dist/browser/editor-runtime/client-C4zbv8nl.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as e, E as t, F as n, I as r, M as i, N as a, O as o, P as s, R as c, S as l, T as u, _ as d, a as f, b as p, c as m, f as h, g, j as _, k as v, l as y, n as b, r as x, t as S, u as C, w, x as T, y as E } from "../client-
|
|
1
|
+
import { C as e, E as t, F as n, I as r, M as i, N as a, O as o, P as s, R as c, S as l, T as u, _ as d, a as f, b as p, c as m, f as h, g, j as _, k as v, l as y, n as b, r as x, t as S, u as C, w, x as T, y as E } from "../client-e4ZTphpa.js";
|
|
2
2
|
import { n as D, r as O, t as k } from "../i18n-C7YV9VIN.js";
|
|
3
3
|
//#region src/delivery/TeacherInstructions.svelte
|
|
4
4
|
var A = E("<div class=\"teacher-instructions pie-teacher-instructions svelte-1jhejbv\"><button type=\"button\" class=\"teacher-instructions-toggle pie-teacher-instructions-toggle svelte-1jhejbv\"> </button> <div class=\"teacher-instructions-content pie-teacher-instructions-content svelte-1jhejbv\"></div></div>"), j = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["#e","t","#t","e","n"],"sources":["../../../../src/delivery/TeacherInstructions.svelte","../../../../src/delivery/SimpleCloze.svelte","../../../../../../lib-svelte/delivery-events/dist/index2.js","../../../../../../shared/player-events/dist/index.js","../../../../../../lib-svelte/delivery-events/dist/index3.js","../../../../src/delivery/index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { tCommon } from '../i18n';\n\nlet { html, language }: { html: string; language?: string } = $props();\n\nlet expanded = $state(false);\nconst panelId = `simple-cloze-teacher-instructions-${Math.random().toString(36).slice(2, 10)}`;\n</script>\n\n<!-- Collapsed by default, as multiple-choice shows them; the controller sends them to instructors only. -->\n<div class=\"teacher-instructions pie-teacher-instructions\">\n <button\n type=\"button\"\n class=\"teacher-instructions-toggle pie-teacher-instructions-toggle\"\n aria-expanded={expanded}\n aria-controls={panelId}\n onclick={() => (expanded = !expanded)}\n >\n {tCommon(expanded ? 'hideTeacherInstructions' : 'showTeacherInstructions', language)}\n </button>\n <div id={panelId} class=\"teacher-instructions-content pie-teacher-instructions-content\" hidden={!expanded}>\n {@html html}\n </div>\n</div>\n\n<style>\n .teacher-instructions {\n margin-bottom: 1rem;\n }\n\n .teacher-instructions-toggle {\n padding: 0;\n border: 0;\n border-bottom: 1px dotted currentColor;\n background: transparent;\n font: inherit;\n color: var(--pie-primary, #3f51b5);\n cursor: pointer;\n }\n\n .teacher-instructions-toggle:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .teacher-instructions-content {\n padding-top: 1rem;\n }\n</style>\n","<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n session: { type: 'Object' },\n onSessionChange: {}\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { t, tCommon } from '../i18n';\nimport TeacherInstructions from './TeacherInstructions.svelte';\n\nlet {\n model = null,\n session = null,\n onSessionChange,\n}: { model?: any; session?: any; onSessionChange?: (session: any) => void } = $props();\n\n// Per-instance ids: a page can hold several instances, and several versions of\n// this element, each with its own Svelte runtime.\nconst instanceId = `simple-cloze-${Math.random().toString(36).slice(2, 10)}`;\nconst promptId = `${instanceId}-prompt`;\nconst feedbackId = `${instanceId}-feedback`;\n\nlet promptElement: HTMLDivElement | null = $state(null);\nlet inputElement: HTMLInputElement | null = $state(null);\nlet showCorrectAnswer = $state(false);\n\nconst isEvaluateMode = $derived(model?.mode === 'evaluate');\nconst correctness = $derived(model?.correctness);\nconst isCorrect = $derived(correctness === 'correct');\nconst isIncorrect = $derived(correctness === 'incorrect');\nconst isUnanswered = $derived(correctness === 'unanswered');\nconst prompt = $derived(typeof model?.prompt === 'string' ? model.prompt : '');\nconst correctAnswer = $derived(typeof model?.correctAnswer === 'string' ? model.correctAnswer : '');\nconst sessionValue = $derived(typeof session?.value === 'string' ? session.value : '');\n// As in multiple-choice, any response short of correct can be revealed,\n// including none.\nconst canShowCorrectAnswer = $derived(isEvaluateMode && !isCorrect && !!correctAnswer.trim());\nconst showingCorrectAnswer = $derived(showCorrectAnswer && canShowCorrectAnswer);\n\nconst feedbackText = $derived.by(() => {\n if (!isEvaluateMode) return '';\n if (showingCorrectAnswer) return t('correctAnswerShown', model?.language);\n if (isCorrect) return t('correct', model?.language);\n if (isIncorrect) return t('incorrect', model?.language);\n if (isUnanswered) return t('unanswered', model?.language);\n return '';\n});\n\n// Leaving evaluate mode, or a response that turned correct, turns the reveal\n// off, so gather mode never starts on the answer key.\n$effect(() => {\n if (!canShowCorrectAnswer) {\n showCorrectAnswer = false;\n }\n});\n\n// The input shows the session value, or the answer key while it is revealed.\n// A player that resets or replaces the session clears or restores it.\n$effect(() => {\n if (!inputElement) return;\n const next = showingCorrectAnswer ? correctAnswer : sessionValue;\n if (inputElement.value !== next) {\n inputElement.value = next;\n }\n});\n\n// Typesets the prompt's math each time it renders. `renderMath` resolves once\n// MathJax has run, so a load failure arrives as a rejection.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n\nfunction handleInput(event: Event) {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // The player owns the session's `id` and `element` (the versioned tag it\n // registered this element under), so neither is written here.\n onSessionChange?.({ ...session, value: newValue });\n}\n\nfunction toggleCorrectAnswer() {\n if (!canShowCorrectAnswer) return;\n showCorrectAnswer = !showCorrectAnswer;\n}\n</script>\n\n<div class=\"simple-cloze-root\">\n {#if model?.teacherInstructions}\n <TeacherInstructions html={model.teacherInstructions} language={model?.language} />\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} id={promptId} class=\"simple-cloze-prompt\">{@html prompt}</div>\n {/if}\n\n {#if canShowCorrectAnswer}\n <button\n type=\"button\"\n class=\"simple-cloze-toggle\"\n onclick={toggleCorrectAnswer}\n aria-pressed={showingCorrectAnswer}\n >\n <span class=\"simple-cloze-toggle-icon\" aria-hidden=\"true\">\n {#if showingCorrectAnswer}\n <svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\" focusable=\"false\">\n <circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\" />\n <path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\" />\n <polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\" />\n </svg>\n {:else}\n <svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\" focusable=\"false\">\n <path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\" />\n <path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\" />\n <circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\" />\n <path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\" />\n <polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\" />\n </svg>\n {/if}\n </span>\n <span class=\"simple-cloze-toggle-label\">\n {tCommon(showingCorrectAnswer ? 'hideCorrectAnswer' : 'showCorrectAnswer', model?.language)}\n </span>\n </button>\n {/if}\n\n <div class=\"simple-cloze-response\">\n {#if isEvaluateMode && (isCorrect || showingCorrectAnswer)}\n <span class=\"correctness-icon correctness-icon--correct\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/>\n </svg>\n </span>\n {:else if isEvaluateMode && isIncorrect}\n <span class=\"correctness-icon correctness-icon--incorrect\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\">\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/>\n </svg>\n </span>\n {/if}\n <input\n bind:this={inputElement}\n type=\"text\"\n class=\"simple-cloze-input\"\n class:simple-cloze-input--correct={isEvaluateMode && (isCorrect || showingCorrectAnswer)}\n class:simple-cloze-input--incorrect={isEvaluateMode && isIncorrect && !showingCorrectAnswer}\n placeholder={t('placeholder', model?.language)}\n spellcheck=\"false\"\n aria-labelledby={prompt ? promptId : undefined}\n aria-label={prompt ? undefined : t('answerInput', model?.language)}\n aria-describedby={feedbackText ? feedbackId : undefined}\n disabled={model?.disabled}\n readonly={showingCorrectAnswer}\n oninput={handleInput}\n />\n <span id={feedbackId} class=\"sr-only\" role=\"status\">{feedbackText}</span>\n </div>\n</div>\n\n<style>\n /*\n * Self-contained: players ship no Tailwind, so nothing here relies on host\n * utility classes or a CSS reset. Colours are `--pie-*` theme variables with\n * the fallbacks `@pie-lib/render-ui`'s `color` module uses.\n */\n .simple-cloze-root {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-toggle {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0 0 0.75rem;\n padding: 0;\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n cursor: pointer;\n user-select: none;\n }\n\n .simple-cloze-toggle:hover .simple-cloze-toggle-label {\n text-decoration: underline;\n }\n\n .simple-cloze-toggle:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .simple-cloze-toggle-icon {\n display: inline-flex;\n }\n\n .simple-cloze-toggle-icon svg {\n width: 25px;\n height: 25px;\n }\n\n .simple-cloze-toggle-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n\n .simple-cloze-response {\n position: relative;\n display: inline-block;\n }\n\n .simple-cloze-input {\n box-sizing: border-box;\n margin: 0;\n padding: 0.5rem 0.75rem;\n /* The text colour, as ECR's input border: a light grey fails 3:1 (WCAG 1.4.11). */\n border: 1px solid var(--pie-text, black);\n border-radius: 0.25rem;\n background-color: transparent;\n color: var(--pie-text, black);\n font: inherit;\n }\n\n .simple-cloze-input:disabled {\n opacity: 1;\n color: var(--pie-text, black);\n -webkit-text-fill-color: currentColor;\n }\n\n .simple-cloze-input:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .simple-cloze-input--correct {\n border: 2px solid var(--pie-correct-tertiary, #0ea449);\n }\n\n .simple-cloze-input--incorrect {\n border: 2px solid var(--pie-incorrect-icon, #bf0d00);\n }\n\n .simple-cloze-input[readonly] {\n font-weight: 600;\n }\n\n .correctness-icon {\n position: absolute;\n top: -8px;\n left: -8px;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 2px;\n color: var(--pie-white, #ffffff);\n }\n\n .correctness-icon svg {\n width: 12px;\n height: 12px;\n }\n\n .correctness-icon--correct {\n background-color: var(--pie-correct-tertiary, #0ea449);\n }\n\n .correctness-icon--incorrect {\n background-color: var(--pie-incorrect-icon, #bf0d00);\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n</style>\n","//#region src/write-session-in-place.ts\nfunction e(e) {\n\treturn !!e && typeof e == \"object\" && !Array.isArray(e);\n}\nfunction t(t, n) {\n\tif (t === n) return t;\n\tif (!e(t) || !e(n) || Object.isFrozen(t) || !Object.isExtensible(t)) return n;\n\ttry {\n\t\tfor (let e of Object.keys(t)) e in n || delete t[e];\n\t\tObject.assign(t, n);\n\t} catch {\n\t\treturn n;\n\t}\n\treturn t;\n}\n//#endregion\nexport { t as writeSessionInPlace };\n","//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","import { writeSessionInPlace as e } from \"./index2.js\";\nimport { ModelSetEvent as t, SessionChangedEvent as n } from \"@pie-element/shared-player-events\";\n//#region src/delivery-element.ts\nfunction r(r, i) {\n\tlet a = r.element;\n\tif (!a) throw TypeError(\"defineDeliveryElement: the component was not compiled with `customElement`\");\n\tclass o extends a {\n\t\t#e;\n\t\t#t;\n\t\tconstructor() {\n\t\t\tsuper(), this.onSessionChange = (e) => {\n\t\t\t\tthis.writeSession(e), this.dispatchSessionChanged();\n\t\t\t};\n\t\t}\n\t\tset model(e) {\n\t\t\tthis.#e = e, super.model = e, queueMicrotask(() => {\n\t\t\t\tthis.dispatchEvent(new t(this.tagName.toLowerCase(), this.isComplete(), this.#e !== void 0));\n\t\t\t});\n\t\t}\n\t\tget model() {\n\t\t\treturn this.#e;\n\t\t}\n\t\tset session(e) {\n\t\t\tthis.#t = e, super.session = e, this.dispatchSessionChanged();\n\t\t}\n\t\tget session() {\n\t\t\treturn this.#t;\n\t\t}\n\t\tisComplete() {\n\t\t\treturn i.isComplete(this.#e, this.#t);\n\t\t}\n\t\twriteSession(t) {\n\t\t\tthis.#t = e(this.#t, t), super.session = t;\n\t\t}\n\t\tdispatchSessionChanged() {\n\t\t\tthis.dispatchEvent(new n(this.tagName.toLowerCase(), this.isComplete()));\n\t\t}\n\t}\n\treturn o;\n}\n//#endregion\nexport { r as defineDeliveryElement };\n","import SimpleClozeComponent from './SimpleCloze.svelte';\nimport { defineDeliveryElement } from '@pie-lib/delivery-events-svelte';\nimport type { SimpleClozeQuestion, SimpleClozeSession } from '../controller/index.js';\n\n// The demo loader and players register it with customElements.define().\nconst SimpleClozeElement = defineDeliveryElement<SimpleClozeQuestion, SimpleClozeSession>(\n SimpleClozeComponent,\n {\n isComplete: (_model, session) =>\n typeof session?.value === 'string' && session.value.trim().length > 0,\n }\n);\n\nexport default SimpleClozeElement;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["#e","t","#t","e","n"],"sources":["../../../../src/delivery/TeacherInstructions.svelte","../../../../src/delivery/SimpleCloze.svelte","../../../../../../lib-svelte/delivery-events/dist/index2.js","../../../../../../shared/player-events/dist/index.js","../../../../../../lib-svelte/delivery-events/dist/index3.js","../../../../src/delivery/index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { tCommon } from '../i18n';\n\nlet { html, language }: { html: string; language?: string } = $props();\n\nlet expanded = $state(false);\nconst panelId = `simple-cloze-teacher-instructions-${Math.random().toString(36).slice(2, 10)}`;\n</script>\n\n<!-- Collapsed by default, as multiple-choice shows them; the controller sends them to instructors only. -->\n<div class=\"teacher-instructions pie-teacher-instructions\">\n <button\n type=\"button\"\n class=\"teacher-instructions-toggle pie-teacher-instructions-toggle\"\n aria-expanded={expanded}\n aria-controls={panelId}\n onclick={() => (expanded = !expanded)}\n >\n {tCommon(expanded ? 'hideTeacherInstructions' : 'showTeacherInstructions', language)}\n </button>\n <div id={panelId} class=\"teacher-instructions-content pie-teacher-instructions-content\" hidden={!expanded}>\n {@html html}\n </div>\n</div>\n\n<style>\n .teacher-instructions {\n margin-bottom: 1rem;\n }\n\n .teacher-instructions-toggle {\n padding: 0;\n border: 0;\n border-bottom: 1px dotted currentColor;\n background: transparent;\n font: inherit;\n color: var(--pie-primary, #3f51b5);\n cursor: pointer;\n }\n\n .teacher-instructions-toggle:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .teacher-instructions-content {\n padding-top: 1rem;\n }\n</style>\n","<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n session: { type: 'Object' },\n onSessionChange: {}\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { t, tCommon } from '../i18n';\nimport TeacherInstructions from './TeacherInstructions.svelte';\n\nlet {\n model = null,\n session = null,\n onSessionChange,\n}: { model?: any; session?: any; onSessionChange?: (session: any) => void } = $props();\n\n// Per-instance ids: a page can hold several instances, and several versions of\n// this element, each with its own Svelte runtime.\nconst instanceId = `simple-cloze-${Math.random().toString(36).slice(2, 10)}`;\nconst promptId = `${instanceId}-prompt`;\nconst feedbackId = `${instanceId}-feedback`;\n\nlet promptElement: HTMLDivElement | null = $state(null);\nlet inputElement: HTMLInputElement | null = $state(null);\nlet showCorrectAnswer = $state(false);\n\nconst isEvaluateMode = $derived(model?.mode === 'evaluate');\nconst correctness = $derived(model?.correctness);\nconst isCorrect = $derived(correctness === 'correct');\nconst isIncorrect = $derived(correctness === 'incorrect');\nconst isUnanswered = $derived(correctness === 'unanswered');\nconst prompt = $derived(typeof model?.prompt === 'string' ? model.prompt : '');\nconst correctAnswer = $derived(typeof model?.correctAnswer === 'string' ? model.correctAnswer : '');\nconst sessionValue = $derived(typeof session?.value === 'string' ? session.value : '');\n// As in multiple-choice, any response short of correct can be revealed,\n// including none.\nconst canShowCorrectAnswer = $derived(isEvaluateMode && !isCorrect && !!correctAnswer.trim());\nconst showingCorrectAnswer = $derived(showCorrectAnswer && canShowCorrectAnswer);\n\nconst feedbackText = $derived.by(() => {\n if (!isEvaluateMode) return '';\n if (showingCorrectAnswer) return t('correctAnswerShown', model?.language);\n if (isCorrect) return t('correct', model?.language);\n if (isIncorrect) return t('incorrect', model?.language);\n if (isUnanswered) return t('unanswered', model?.language);\n return '';\n});\n\n// Leaving evaluate mode, or a response that turned correct, turns the reveal\n// off, so gather mode never starts on the answer key.\n$effect(() => {\n if (!canShowCorrectAnswer) {\n showCorrectAnswer = false;\n }\n});\n\n// The input shows the session value, or the answer key while it is revealed.\n// A player that resets or replaces the session clears or restores it.\n$effect(() => {\n if (!inputElement) return;\n const next = showingCorrectAnswer ? correctAnswer : sessionValue;\n if (inputElement.value !== next) {\n inputElement.value = next;\n }\n});\n\n// Typesets the prompt's math each time it renders. `renderMath` resolves once\n// MathJax has run, so a load failure arrives as a rejection.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n\nfunction handleInput(event: Event) {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // The player owns the session's `id` and `element` (the versioned tag it\n // registered this element under), so neither is written here.\n onSessionChange?.({ ...session, value: newValue });\n}\n\nfunction toggleCorrectAnswer() {\n if (!canShowCorrectAnswer) return;\n showCorrectAnswer = !showCorrectAnswer;\n}\n</script>\n\n<div class=\"simple-cloze-root\">\n {#if model?.teacherInstructions}\n <TeacherInstructions html={model.teacherInstructions} language={model?.language} />\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} id={promptId} class=\"simple-cloze-prompt\">{@html prompt}</div>\n {/if}\n\n {#if canShowCorrectAnswer}\n <button\n type=\"button\"\n class=\"simple-cloze-toggle\"\n onclick={toggleCorrectAnswer}\n aria-pressed={showingCorrectAnswer}\n >\n <span class=\"simple-cloze-toggle-icon\" aria-hidden=\"true\">\n {#if showingCorrectAnswer}\n <svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\" focusable=\"false\">\n <circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\" />\n <path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\" />\n <polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\" />\n </svg>\n {:else}\n <svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\" focusable=\"false\">\n <path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\" />\n <path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\" />\n <circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\" />\n <path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\" />\n <polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\" />\n </svg>\n {/if}\n </span>\n <span class=\"simple-cloze-toggle-label\">\n {tCommon(showingCorrectAnswer ? 'hideCorrectAnswer' : 'showCorrectAnswer', model?.language)}\n </span>\n </button>\n {/if}\n\n <div class=\"simple-cloze-response\">\n {#if isEvaluateMode && (isCorrect || showingCorrectAnswer)}\n <span class=\"correctness-icon correctness-icon--correct\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"/>\n </svg>\n </span>\n {:else if isEvaluateMode && isIncorrect}\n <span class=\"correctness-icon correctness-icon--incorrect\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\">\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"/>\n </svg>\n </span>\n {/if}\n <input\n bind:this={inputElement}\n type=\"text\"\n class=\"simple-cloze-input\"\n class:simple-cloze-input--correct={isEvaluateMode && (isCorrect || showingCorrectAnswer)}\n class:simple-cloze-input--incorrect={isEvaluateMode && isIncorrect && !showingCorrectAnswer}\n placeholder={t('placeholder', model?.language)}\n spellcheck=\"false\"\n aria-labelledby={prompt ? promptId : undefined}\n aria-label={prompt ? undefined : t('answerInput', model?.language)}\n aria-describedby={feedbackText ? feedbackId : undefined}\n disabled={model?.disabled}\n readonly={showingCorrectAnswer}\n oninput={handleInput}\n />\n <span id={feedbackId} class=\"sr-only\" role=\"status\">{feedbackText}</span>\n </div>\n</div>\n\n<style>\n /*\n * Self-contained: players ship no Tailwind, so nothing here relies on host\n * utility classes or a CSS reset. Colours are `--pie-*` theme variables with\n * the fallbacks `@pie-lib/render-ui`'s `color` module uses.\n */\n .simple-cloze-root {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-toggle {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0 0 0.75rem;\n padding: 0;\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n cursor: pointer;\n user-select: none;\n }\n\n .simple-cloze-toggle:hover .simple-cloze-toggle-label {\n text-decoration: underline;\n }\n\n .simple-cloze-toggle:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .simple-cloze-toggle-icon {\n display: inline-flex;\n }\n\n .simple-cloze-toggle-icon svg {\n width: 25px;\n height: 25px;\n }\n\n .simple-cloze-toggle-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n\n .simple-cloze-response {\n position: relative;\n display: inline-block;\n }\n\n .simple-cloze-input {\n box-sizing: border-box;\n margin: 0;\n padding: 0.5rem 0.75rem;\n /* The text colour, as ECR's input border: a light grey fails 3:1 (WCAG 1.4.11). */\n border: 1px solid var(--pie-text, black);\n border-radius: 0.25rem;\n background-color: transparent;\n color: var(--pie-text, black);\n font: inherit;\n }\n\n .simple-cloze-input:disabled {\n opacity: 1;\n color: var(--pie-text, black);\n -webkit-text-fill-color: currentColor;\n }\n\n .simple-cloze-input:focus-visible {\n outline: 2px solid var(--pie-button-focus-outline, #3b82f6);\n outline-offset: 2px;\n }\n\n .simple-cloze-input--correct {\n border: 2px solid var(--pie-correct-tertiary, #0ea449);\n }\n\n .simple-cloze-input--incorrect {\n border: 2px solid var(--pie-incorrect-icon, #bf0d00);\n }\n\n .simple-cloze-input[readonly] {\n font-weight: 600;\n }\n\n .correctness-icon {\n position: absolute;\n top: -8px;\n left: -8px;\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 2px;\n color: var(--pie-white, #ffffff);\n }\n\n .correctness-icon svg {\n width: 12px;\n height: 12px;\n }\n\n .correctness-icon--correct {\n background-color: var(--pie-correct-tertiary, #0ea449);\n }\n\n .correctness-icon--incorrect {\n background-color: var(--pie-incorrect-icon, #bf0d00);\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n</style>\n","//#region src/write-session-in-place.ts\nfunction e(e) {\n\treturn !!e && typeof e == \"object\" && !Array.isArray(e);\n}\nfunction t(t, n) {\n\tif (t === n) return t;\n\tif (!e(t) || !e(n) || Object.isFrozen(t) || !Object.isExtensible(t)) return n;\n\ttry {\n\t\tfor (let e of Object.keys(t)) e in n || delete t[e];\n\t\tObject.assign(t, n);\n\t} catch {\n\t\treturn n;\n\t}\n\treturn t;\n}\n//#endregion\nexport { t as writeSessionInPlace };\n","//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","import { writeSessionInPlace as e } from \"./index2.js\";\nimport { ModelSetEvent as t, SessionChangedEvent as n } from \"@pie-element/shared-player-events\";\n//#region src/delivery-element.ts\nfunction r(r, i) {\n\tlet a = r.element;\n\tif (!a) throw TypeError(\"defineDeliveryElement: the component was not compiled with `customElement`\");\n\tclass o extends a {\n\t\t#e;\n\t\t#t;\n\t\tconstructor() {\n\t\t\tsuper(), this.onSessionChange = (e) => {\n\t\t\t\tthis.writeSession(e), this.dispatchSessionChanged();\n\t\t\t};\n\t\t}\n\t\tset model(e) {\n\t\t\tthis.#e = e, super.model = e, queueMicrotask(() => {\n\t\t\t\tthis.dispatchEvent(new t(this.tagName.toLowerCase(), this.isComplete(), this.#e !== void 0));\n\t\t\t});\n\t\t}\n\t\tget model() {\n\t\t\treturn this.#e;\n\t\t}\n\t\tset session(e) {\n\t\t\tthis.#t = e, super.session = e, this.dispatchSessionChanged();\n\t\t}\n\t\tget session() {\n\t\t\treturn this.#t;\n\t\t}\n\t\tisComplete() {\n\t\t\treturn i.isComplete(this.#e, this.#t);\n\t\t}\n\t\twriteSession(t) {\n\t\t\tthis.#t = e(this.#t, t), super.session = t;\n\t\t}\n\t\tdispatchSessionChanged() {\n\t\t\tthis.dispatchEvent(new n(this.tagName.toLowerCase(), this.isComplete()));\n\t\t}\n\t}\n\treturn o;\n}\n//#endregion\nexport { r as defineDeliveryElement };\n","import SimpleClozeComponent from './SimpleCloze.svelte';\nimport { defineDeliveryElement } from '@pie-lib/delivery-events-svelte';\nimport type { SimpleClozeQuestion, SimpleClozeSession } from '../controller/index.js';\n\n// The demo loader and players register it with customElements.define().\nconst SimpleClozeElement = defineDeliveryElement<SimpleClozeQuestion, SimpleClozeSession>(\n SimpleClozeComponent,\n {\n isComplete: (_model, session) =>\n typeof session?.value === 'string' && session.value.trim().length > 0,\n }\n);\n\nexport default SimpleClozeElement;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, O as s, P as c, R as l, T as u, _ as d, a as f, f as p, g as m, j as h, k as g, l as _, n as v, r as y, t as b, u as x, w as S, y as C } from "../client-
|
|
1
|
+
import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, O as s, P as c, R as l, T as u, _ as d, a as f, f as p, g as m, j as h, k as g, l as _, n as v, r as y, t as b, u as x, w as S, y as C } from "../client-e4ZTphpa.js";
|
|
2
2
|
import { r as w, t as T } from "../i18n-C7YV9VIN.js";
|
|
3
3
|
import { t as E } from "../plain-text-iaQZhkGe.js";
|
|
4
4
|
//#region src/print/Print.svelte
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/print/Print.svelte","../../../../src/print/index.ts"],"sourcesContent":["<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n options: { type: 'Object' }\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { toPlainText } from '../controller/plain-text';\nimport { t } from '../i18n';\n\n// Print players set `options` ({ role }) and the authored model, not a\n// controller view model, so answer visibility is decided here.\nlet { model = null, options = null }: { model?: any; options?: any } = $props();\n\nconst isInstructor = $derived(options?.role === 'instructor');\nconst prompt = $derived(\n model?.promptEnabled !== false && typeof model?.prompt === 'string' ? model.prompt : ''\n);\n// Printed as the text the learner would type, as delivery reveals it.\nconst correctAnswer = $derived(toPlainText(model?.correctAnswer));\nconst showAnswerKey = $derived(isInstructor && !!correctAnswer);\n// Teacher instructions are the instructor's too, as multiple-choice prints them.\nconst teacherInstructions = $derived(\n isInstructor && model?.teacherInstructionsEnabled !== false\n ? model?.teacherInstructions || ''\n : ''\n);\n\nlet promptElement: HTMLDivElement | null = $state(null);\n\n// Typesets the prompt's math each time it renders, as delivery does.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n</script>\n\n<div class=\"simple-cloze-print\">\n {#if teacherInstructions}\n <div class=\"simple-cloze-print-teacher-instructions\">{@html teacherInstructions}</div>\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} class=\"simple-cloze-print-prompt\">{@html prompt}</div>\n {/if}\n\n <div class=\"simple-cloze-print-response\">\n {#if showAnswerKey}\n <span class=\"simple-cloze-print-key-label\">{t('printCorrectAnswer', model?.language)}</span>\n <span class=\"simple-cloze-print-blank simple-cloze-print-blank--key\">{correctAnswer}</span>\n {:else}\n <span class=\"simple-cloze-print-blank\" role=\"img\" aria-label={t('printAnswerBlank', model?.language)}></span>\n {/if}\n </div>\n</div>\n\n<style>\n /* Self-contained: print players ship no Tailwind or CSS reset. */\n .simple-cloze-print {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-print-teacher-instructions,\n .simple-cloze-print-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-print-teacher-instructions :global(p),\n .simple-cloze-print-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-print-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-print-response {\n display: inline-flex;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .simple-cloze-print-key-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n }\n\n .simple-cloze-print-blank {\n display: inline-block;\n min-width: 12rem;\n min-height: 1.5rem;\n padding: 0.5rem 0.75rem;\n border-bottom: 2px solid var(--pie-text, black);\n }\n\n .simple-cloze-print-blank--key {\n min-width: 6rem;\n font-weight: 600;\n }\n\n @media print {\n .simple-cloze-print {\n padding: 0;\n }\n }\n</style>\n","import PrintComponent from './Print.svelte';\n\n/**\n * Print players set `el.options = config.options` and then `el.model = m`;\n * `options.role` decides whether the answer key is printed.\n */\nexport default (PrintComponent as any).element;\n"],"mappings":";;;;;;;;iBAUA;;CAOA,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/print/Print.svelte","../../../../src/print/index.ts"],"sourcesContent":["<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n options: { type: 'Object' }\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { toPlainText } from '../controller/plain-text';\nimport { t } from '../i18n';\n\n// Print players set `options` ({ role }) and the authored model, not a\n// controller view model, so answer visibility is decided here.\nlet { model = null, options = null }: { model?: any; options?: any } = $props();\n\nconst isInstructor = $derived(options?.role === 'instructor');\nconst prompt = $derived(\n model?.promptEnabled !== false && typeof model?.prompt === 'string' ? model.prompt : ''\n);\n// Printed as the text the learner would type, as delivery reveals it.\nconst correctAnswer = $derived(toPlainText(model?.correctAnswer));\nconst showAnswerKey = $derived(isInstructor && !!correctAnswer);\n// Teacher instructions are the instructor's too, as multiple-choice prints them.\nconst teacherInstructions = $derived(\n isInstructor && model?.teacherInstructionsEnabled !== false\n ? model?.teacherInstructions || ''\n : ''\n);\n\nlet promptElement: HTMLDivElement | null = $state(null);\n\n// Typesets the prompt's math each time it renders, as delivery does.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n</script>\n\n<div class=\"simple-cloze-print\">\n {#if teacherInstructions}\n <div class=\"simple-cloze-print-teacher-instructions\">{@html teacherInstructions}</div>\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} class=\"simple-cloze-print-prompt\">{@html prompt}</div>\n {/if}\n\n <div class=\"simple-cloze-print-response\">\n {#if showAnswerKey}\n <span class=\"simple-cloze-print-key-label\">{t('printCorrectAnswer', model?.language)}</span>\n <span class=\"simple-cloze-print-blank simple-cloze-print-blank--key\">{correctAnswer}</span>\n {:else}\n <span class=\"simple-cloze-print-blank\" role=\"img\" aria-label={t('printAnswerBlank', model?.language)}></span>\n {/if}\n </div>\n</div>\n\n<style>\n /* Self-contained: print players ship no Tailwind or CSS reset. */\n .simple-cloze-print {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-print-teacher-instructions,\n .simple-cloze-print-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-print-teacher-instructions :global(p),\n .simple-cloze-print-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-print-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-print-response {\n display: inline-flex;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .simple-cloze-print-key-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n }\n\n .simple-cloze-print-blank {\n display: inline-block;\n min-width: 12rem;\n min-height: 1.5rem;\n padding: 0.5rem 0.75rem;\n border-bottom: 2px solid var(--pie-text, black);\n }\n\n .simple-cloze-print-blank--key {\n min-width: 6rem;\n font-weight: 600;\n }\n\n @media print {\n .simple-cloze-print {\n padding: 0;\n }\n }\n</style>\n","import PrintComponent from './Print.svelte';\n\n/**\n * Print players set `el.options = config.options` and then `el.model = m`;\n * `options.role` decides whether the answer key is printed.\n */\nexport default (PrintComponent as any).element;\n"],"mappings":";;;;;;;;iBAUA;;CAOA,IAAM,IAAK,EAAA,GAAA,SAAA,GAAG,IAAI,GAAE,IAAO,EAAA,GAAA,WAAA,GAAG,IAAI,GAE5B,IAAY,QAAY,EAAO,CAAA,EAAE,SAAS,YAAY,GACtD,IAAM,QACV,EAAK,CAAA,EAAE,kBAAkB,MAAS,OAAO,EAAK,CAAA,EAAE,UAAW,WAAW,EAAK,CAAA,CAAC,SAAS,EAAC,GAGlF,IAAa,QAAY,EAAY,EAAK,CAAA,EAAE,aAAa,CAAC,GAC1D,IAAa,QAAY,EAAA,CAAY,KAAI,CAAC,CAAC,EAAA,CAAa,CAAA,GAExD,IAAmB,QACvB,EAAA,CAAY,KAAI,EAAK,CAAA,EAAE,+BAA+B,MAClD,EAAK,CAAA,EAAE,uBACP,EAAC,GAGH,IAAuC,EAAO,IAAI;CAGtD,QAAc;EACZ,IAAI,CAAC,EAAA,CAAa,KAAI,CAAC,EAAA,CAAM,GAAE;EAC/B,IAAM,KAAQ,MAAiB,QAAQ,KAAK,uCAAuC,CAAG;EACtF,IAAI;GACF,QAAQ,QAAQ,EAAU,EAAC,CAAa,CAAA,CAAC,CAAC,CAAC,MAAM,CAAI;EACvD,SAAS,GAAK;GACZ,EAAK,CAAG;EACV;CACF,CAAC;;;;;gBA3Ba,MAAI;;;;;;kBAAY,MAAI;;;IA8BjC,IAAG,EAAA,SAAH,CAAG;MAEC,IAAG,EAAA;IAAH,SAAG,EAAwD,CAAmB,GAAA,EAAA,KAA9E,CAAI,QAAJ,CAAI;;;IADF,CAAmB,KAAA,EAAA,CAAA;;;MAKrB,IAAG,EAAA;IAAH,SAAG,EAAoE,CAAM,GAAA,EAAA,KAA7E,CAAI,KAAJ,IAAG,MAAA,EAAY,GAAa,CAAA,SAAA,EAAb,CAAa,CAAA,QAA5B,CAAI;;;IADF,CAAM,KAAA,EAAA,CAAA;;KAIV,IAAG,EAAA,GAAA,CAAA,SAAH,CAAI;eAEA,IAAI,EAAA,CAAA,SAAJ,GAAI,EAAA,SACA,EADJ,GAAI,CACJ,GAAI,EAAA;;mBAAiE,CAAa,CAAA;YADvC,EAAE,sBAAsB,EAAK,CAAA,EAAE,QAAQ,CAAC,CAAA;;MAGnF,IAAI,EAAA;aAAJ,GAAI,cAAA,CAAA,GAAA,OAAyD,EAAE,oBAAoB,EAAK,CAAA,EAAE,QAAQ,CAAC,CAAA,QAAnG,CAAK;;;IAJH,CAAa,IAAA,EAAA,CAAA,IAAA,EAAA,GAAA,EAAA;OADnB,CAAI,KATN,CAAG,QAAH,CAAG;AAFI;;;;;;;ACvCR,IAAA,IAAgB,EAAuB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, O as s, P as c, R as l, T as u, _ as d, a as f, f as p, g as m, j as h, k as g, l as _, n as v, r as y, t as b, u as x, w as S, y as C } from "../client-
|
|
1
|
+
import { C as e, D as t, E as n, F as r, I as i, M as a, N as o, O as s, P as c, R as l, T as u, _ as d, a as f, f as p, g as m, j as h, k as g, l as _, n as v, r as y, t as b, u as x, w as S, y as C } from "../client-e4ZTphpa.js";
|
|
2
2
|
import { r as w, t as T } from "../i18n-C7YV9VIN.js";
|
|
3
3
|
import { t as E } from "../plain-text-iaQZhkGe.js";
|
|
4
4
|
//#region src/print/Print.svelte
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/Print.svelte","../../../src/print/index.ts"],"sourcesContent":["<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n options: { type: 'Object' }\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { toPlainText } from '../controller/plain-text';\nimport { t } from '../i18n';\n\n// Print players set `options` ({ role }) and the authored model, not a\n// controller view model, so answer visibility is decided here.\nlet { model = null, options = null }: { model?: any; options?: any } = $props();\n\nconst isInstructor = $derived(options?.role === 'instructor');\nconst prompt = $derived(\n model?.promptEnabled !== false && typeof model?.prompt === 'string' ? model.prompt : ''\n);\n// Printed as the text the learner would type, as delivery reveals it.\nconst correctAnswer = $derived(toPlainText(model?.correctAnswer));\nconst showAnswerKey = $derived(isInstructor && !!correctAnswer);\n// Teacher instructions are the instructor's too, as multiple-choice prints them.\nconst teacherInstructions = $derived(\n isInstructor && model?.teacherInstructionsEnabled !== false\n ? model?.teacherInstructions || ''\n : ''\n);\n\nlet promptElement: HTMLDivElement | null = $state(null);\n\n// Typesets the prompt's math each time it renders, as delivery does.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n</script>\n\n<div class=\"simple-cloze-print\">\n {#if teacherInstructions}\n <div class=\"simple-cloze-print-teacher-instructions\">{@html teacherInstructions}</div>\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} class=\"simple-cloze-print-prompt\">{@html prompt}</div>\n {/if}\n\n <div class=\"simple-cloze-print-response\">\n {#if showAnswerKey}\n <span class=\"simple-cloze-print-key-label\">{t('printCorrectAnswer', model?.language)}</span>\n <span class=\"simple-cloze-print-blank simple-cloze-print-blank--key\">{correctAnswer}</span>\n {:else}\n <span class=\"simple-cloze-print-blank\" role=\"img\" aria-label={t('printAnswerBlank', model?.language)}></span>\n {/if}\n </div>\n</div>\n\n<style>\n /* Self-contained: print players ship no Tailwind or CSS reset. */\n .simple-cloze-print {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-print-teacher-instructions,\n .simple-cloze-print-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-print-teacher-instructions :global(p),\n .simple-cloze-print-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-print-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-print-response {\n display: inline-flex;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .simple-cloze-print-key-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n }\n\n .simple-cloze-print-blank {\n display: inline-block;\n min-width: 12rem;\n min-height: 1.5rem;\n padding: 0.5rem 0.75rem;\n border-bottom: 2px solid var(--pie-text, black);\n }\n\n .simple-cloze-print-blank--key {\n min-width: 6rem;\n font-weight: 600;\n }\n\n @media print {\n .simple-cloze-print {\n padding: 0;\n }\n }\n</style>\n","import PrintComponent from './Print.svelte';\n\n/**\n * Print players set `el.options = config.options` and then `el.model = m`;\n * `options.role` decides whether the answer key is printed.\n */\nexport default (PrintComponent as any).element;\n"],"mappings":";;;;;;;;iBAUA;;CAOA,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/Print.svelte","../../../src/print/index.ts"],"sourcesContent":["<svelte:options\n customElement={{\n shadow: 'none',\n props: {\n model: { type: 'Object' },\n options: { type: 'Object' }\n }\n }}\n/>\n\n<script lang=\"ts\">\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport { toPlainText } from '../controller/plain-text';\nimport { t } from '../i18n';\n\n// Print players set `options` ({ role }) and the authored model, not a\n// controller view model, so answer visibility is decided here.\nlet { model = null, options = null }: { model?: any; options?: any } = $props();\n\nconst isInstructor = $derived(options?.role === 'instructor');\nconst prompt = $derived(\n model?.promptEnabled !== false && typeof model?.prompt === 'string' ? model.prompt : ''\n);\n// Printed as the text the learner would type, as delivery reveals it.\nconst correctAnswer = $derived(toPlainText(model?.correctAnswer));\nconst showAnswerKey = $derived(isInstructor && !!correctAnswer);\n// Teacher instructions are the instructor's too, as multiple-choice prints them.\nconst teacherInstructions = $derived(\n isInstructor && model?.teacherInstructionsEnabled !== false\n ? model?.teacherInstructions || ''\n : ''\n);\n\nlet promptElement: HTMLDivElement | null = $state(null);\n\n// Typesets the prompt's math each time it renders, as delivery does.\n$effect(() => {\n if (!promptElement || !prompt) return;\n const warn = (err: unknown) => console.warn('simple-cloze: MathJax render failed', err);\n try {\n Promise.resolve(renderMath(promptElement)).catch(warn);\n } catch (err) {\n warn(err);\n }\n});\n</script>\n\n<div class=\"simple-cloze-print\">\n {#if teacherInstructions}\n <div class=\"simple-cloze-print-teacher-instructions\">{@html teacherInstructions}</div>\n {/if}\n\n {#if prompt}\n <div bind:this={promptElement} class=\"simple-cloze-print-prompt\">{@html prompt}</div>\n {/if}\n\n <div class=\"simple-cloze-print-response\">\n {#if showAnswerKey}\n <span class=\"simple-cloze-print-key-label\">{t('printCorrectAnswer', model?.language)}</span>\n <span class=\"simple-cloze-print-blank simple-cloze-print-blank--key\">{correctAnswer}</span>\n {:else}\n <span class=\"simple-cloze-print-blank\" role=\"img\" aria-label={t('printAnswerBlank', model?.language)}></span>\n {/if}\n </div>\n</div>\n\n<style>\n /* Self-contained: print players ship no Tailwind or CSS reset. */\n .simple-cloze-print {\n padding: 1rem;\n color: var(--pie-text, black);\n }\n\n .simple-cloze-print-teacher-instructions,\n .simple-cloze-print-prompt {\n margin-bottom: 1rem;\n }\n\n .simple-cloze-print-teacher-instructions :global(p),\n .simple-cloze-print-prompt :global(p) {\n margin: 0.5em 0;\n }\n\n .simple-cloze-print-prompt :global(strong) {\n font-weight: 600;\n }\n\n .simple-cloze-print-response {\n display: inline-flex;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .simple-cloze-print-key-label {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n }\n\n .simple-cloze-print-blank {\n display: inline-block;\n min-width: 12rem;\n min-height: 1.5rem;\n padding: 0.5rem 0.75rem;\n border-bottom: 2px solid var(--pie-text, black);\n }\n\n .simple-cloze-print-blank--key {\n min-width: 6rem;\n font-weight: 600;\n }\n\n @media print {\n .simple-cloze-print {\n padding: 0;\n }\n }\n</style>\n","import PrintComponent from './Print.svelte';\n\n/**\n * Print players set `el.options = config.options` and then `el.model = m`;\n * `options.role` decides whether the answer key is printed.\n */\nexport default (PrintComponent as any).element;\n"],"mappings":";;;;;;;;iBAUA;;CAOA,IAAM,IAAK,EAAA,GAAA,SAAA,GAAG,IAAI,GAAE,IAAO,EAAA,GAAA,WAAA,GAAG,IAAI,GAE5B,IAAY,QAAY,EAAO,CAAA,EAAE,SAAS,YAAY,GACtD,IAAM,QACV,EAAK,CAAA,EAAE,kBAAkB,MAAS,OAAO,EAAK,CAAA,EAAE,UAAW,WAAW,EAAK,CAAA,CAAC,SAAS,EAAC,GAGlF,IAAa,QAAY,EAAY,EAAK,CAAA,EAAE,aAAa,CAAC,GAC1D,IAAa,QAAY,EAAA,CAAY,KAAI,CAAC,CAAC,EAAA,CAAa,CAAA,GAExD,IAAmB,QACvB,EAAA,CAAY,KAAI,EAAK,CAAA,EAAE,+BAA+B,MAClD,EAAK,CAAA,EAAE,uBACP,EAAC,GAGH,IAAuC,EAAO,IAAI;CAGtD,QAAc;EACZ,IAAI,CAAC,EAAA,CAAa,KAAI,CAAC,EAAA,CAAM,GAAE;EAC/B,IAAM,KAAQ,MAAiB,QAAQ,KAAK,uCAAuC,CAAG;EACtF,IAAI;GACF,QAAQ,QAAQ,EAAU,EAAC,CAAa,CAAA,CAAC,CAAC,CAAC,MAAM,CAAI;EACvD,SAAS,GAAK;GACZ,EAAK,CAAG;EACV;CACF,CAAC;;;;;gBA3Ba,MAAI;;;;;;kBAAY,MAAI;;;IA8BjC,IAAG,EAAA,SAAH,CAAG;MAEC,IAAG,EAAA;IAAH,SAAG,EAAwD,CAAmB,GAAA,EAAA,KAA9E,CAAI,QAAJ,CAAI;;;IADF,CAAmB,KAAA,EAAA,CAAA;;;MAKrB,IAAG,EAAA;IAAH,SAAG,EAAoE,CAAM,GAAA,EAAA,KAA7E,CAAI,KAAJ,IAAG,MAAA,EAAY,GAAa,CAAA,SAAA,EAAb,CAAa,CAAA,QAA5B,CAAI;;;IADF,CAAM,KAAA,EAAA,CAAA;;KAIV,IAAG,EAAA,GAAA,CAAA,SAAH,CAAI;eAEA,IAAI,EAAA,CAAA,SAAJ,GAAI,EAAA,SACA,EADJ,GAAI,CACJ,GAAI,EAAA;;mBAAiE,CAAa,CAAA;YADvC,EAAE,sBAAsB,EAAK,CAAA,EAAE,QAAQ,CAAC,CAAA;;MAGnF,IAAI,EAAA;aAAJ,GAAI,cAAA,CAAA,GAAA,OAAyD,EAAE,oBAAoB,EAAK,CAAA,EAAE,QAAQ,CAAC,CAAA,QAAnG,CAAK;;;IAJH,CAAa,IAAA,EAAA,CAAA,IAAA,EAAA,GAAA,EAAA;OADnB,CAAI,KATN,CAAG,QAAH,CAAG;AAFI;;;;;;;ACvCR,IAAA,IAAgB,EAAuB"}
|