@pie-element/simple-cloze 0.1.3 → 0.1.4-next.0

package/dist/runtime-support.d.ts

@@ -0,0 +1,12 @@
+export declare const runtimeSupport: {
+    schemaVersion: number;
+    packageName: string;
+    supports: {
+        esm: {
+            delivery: boolean;
+            author: boolean;
+            print: boolean;
+        };
+    };
+};
+export default runtimeSupport;

package/dist/runtime-support.js

@@ -0,0 +1,14 @@
+//#region src/runtime-support.ts
+var e = {
+	schemaVersion: 1,
+	packageName: "@pie-element/simple-cloze",
+	supports: { esm: {
+		delivery: !1,
+		author: !1,
+		print: !1
+	} }
+};
+//#endregion
+export { e as default, e as runtimeSupport };
+
+//# sourceMappingURL=runtime-support.js.map

package/dist/runtime-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-support.js","names":[],"sources":["../src/runtime-support.ts"],"sourcesContent":["export const runtimeSupport = {\n  schemaVersion: 1,\n  packageName: '@pie-element/simple-cloze',\n  supports: {\n    esm: {\n      delivery: false,\n      author: false,\n      print: false,\n    },\n  },\n};\n\nexport default runtimeSupport;\n"],"mappings":";AAAA,IAAa,IAAiB;CAC5B,eAAe;CACf,aAAa;CACb,UAAU,EACR,KAAK;EACH,UAAU;EACV,QAAQ;EACR,OAAO;CACT,EACF;AACF"}

package/package.json

@@ -1,65 +1,68 @@
 {
   "name": "@pie-element/simple-cloze",
-  "version": "0.1.3",
+  "version": "0.1.4-next.0",
   "description": "Simple cloze (text entry) demo/template PIE element built with Svelte 5",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "pie": {
-    "controller": "@pie-element/simple-cloze"
+    "controller": "@pie-element/simple-cloze/controller",
+    "configure": "@pie-element/simple-cloze/configure"
   },
   "exports": {
     ".": {
-      "development": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
     "./delivery": {
-      "development": "./src/delivery/index.ts",
       "types": "./dist/delivery/index.d.ts",
       "default": "./dist/delivery/index.js"
     },
     "./controller": {
-      "development": "./src/controller/index.ts",
+      "types": "./dist/controller/index.d.ts",
+      "default": "./dist/controller/index.js"
+    },
+    "./controller.js": {
       "types": "./dist/controller/index.d.ts",
       "default": "./dist/controller/index.js"
     },
     "./author": {
-      "development": "./src/author/index.ts",
+      "types": "./dist/author/index.d.ts",
+      "default": "./dist/author/index.js"
+    },
+    "./configure": {
       "types": "./dist/author/index.d.ts",
       "default": "./dist/author/index.js"
     },
     "./print": {
-      "development": "./src/print/index.ts",
       "types": "./dist/print/index.d.ts",
       "default": "./dist/print/index.js"
+    },
+    "./runtime-support": {
+      "types": "./dist/runtime-support.d.ts",
+      "default": "./dist/runtime-support.js"
     }
   },
   "files": [
-    "dist",
-    "src"
+    "configure.js",
+    "controller.js",
+    "dist"
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "vite build && vite build --config vite.delivery.config.ts && vite build --config vite.controller.config.ts && vite build --config vite.author.config.ts && vite build --config vite.print.config.ts && vite build --config vite.config.iife.ts && tsc --emitDeclarationOnly",
+    "build": "vite build && vite build --config vite.delivery.config.ts && vite build --config vite.controller.config.ts && vite build --config vite.author.config.ts && vite build --config vite.print.config.ts && vite build --config vite.runtime-support.config.ts && vite build --config vite.config.iife.ts && tsc --emitDeclarationOnly",
     "dev": "vite",
     "demo": "vite --mode demo",
     "clean": "rm -rf dist tsconfig.tsbuildinfo"
   },
-  "dependencies": {
+  "devDependencies": {
+    "@pie-lib/delivery-events-svelte": "0.1.0",
     "@pie-lib/editable-html-tiptap-svelte": "0.1.2",
     "@pie-lib/styling-svelte": "0.1.2",
-    "lodash-es": "^4.17.21"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tiptap/core": "^3.19.0",
     "@tiptap/pm": "^3.19.0",
     "@tiptap/starter-kit": "^3.19.0",
-    "@types/lodash-es": "^4.17.12",
     "svelte": "^5.54.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.1"

package/dist/author/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/author/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,KAAmC,CAAC;AAE5D,cAAM,iBAAkB,SAAQ,kBAAkB;IAChD,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,SAAS,CAAuC;IAExD,IAAI,KAAK,CAAC,CAAC,EAAE,GAAG,EAGf;IAED,IAAI,KAAK,IALI,GAAG,CAOf;IAED,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,EAGpC;IAED,IAAI,QAAQ,IALK,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAOpC;CACF;AAED,eAAe,iBAAiB,CAAC"}

package/dist/controller/defaults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/controller/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wBAYE"}

package/dist/controller/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controller/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,2CAczD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,GAAG,EAAE,SAAS,GAAG,UAM3D,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,qBAgBzD,CAAC;AAEL,eAAO,MAAM,kBAAkB,GAAI,QAAO,GAAQ,QAAsC,CAAC;AAEzF,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,QAAe,CAAC;AAEvD,eAAO,MAAM,KAAK,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,qBA4B1D,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,UAAU,GAAG,EAAE,KAAK,GAAG,qBAQnE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAO,GAAQ,EAAE,UAAS,GAAQ,QAQ1D,CAAC"}

package/dist/delivery/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/delivery/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,kBAAkB,KAAwC,CAAC;AAGjE,cAAM,kBAAmB,SAAQ,kBAAkB;IACjD,gBAAgB,EAAE,GAAG,CAAQ;IAG7B,IAAI,OAAO,CAAC,CAAC,EAAE,GAAG,EAIjB;IAGD,IAAI,OAAO,IAPI,GAAG,CASjB;IAGD,eAAe,GAAI,gBAAgB,GAAG,UAEpC;IAEF,iBAAiB;CAKlB;AAID,eAAe,kBAAkB,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.iife.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.iife.d.ts","sourceRoot":"","sources":["../src/index.iife.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,eAAe,OAAO,CAAC"}

package/dist/print/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/print/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,KAAkC,CAAC;AAE3D,cAAM,gBAAiB,SAAQ,kBAAkB;IAC/C,OAAO,CAAC,MAAM,CAAa;IAE3B,IAAI,KAAK,CAAC,CAAC,EAAE,GAAG,EAGf;IAED,IAAI,KAAK,IALI,GAAG,CAOf;CACF;AAED,eAAe,gBAAgB,CAAC"}

package/src/author/Author.svelte

@@ -1,102 +0,0 @@
-<svelte:options
-  customElement={{
-    shadow: 'none',
-    props: {
-      model: { type: 'Object' }
-    }
-  }}
-/>
-
-<script lang="ts">
-import { EditableHtml } from '@pie-lib/editable-html-tiptap-svelte';
-import { createEventDispatcher } from 'svelte';
-
-const dispatch = createEventDispatcher();
-
-let { model = $bindable(), onChange }: { model?: any; onChange?: (model: any) => void } = $props();
-
-function emitModelUpdate(nextModel: any) {
-  // Match the expected contract used by AuthorView:
-  // detail contains { update, reset }
-  dispatch('model.updated', { update: nextModel, reset: false });
-}
-
-function handlePromptChange(html: string) {
-  if (onChange && model) {
-    onChange({ ...model, prompt: html });
-  }
-  if (model) {
-    emitModelUpdate({ ...model, prompt: html });
-  }
-}
-
-function handleAnswerChange(e: Event) {
-  const target = e.target as HTMLInputElement;
-  if (onChange && model) {
-    onChange({ ...model, correctAnswer: target.value });
-  }
-  if (model) {
-    emitModelUpdate({ ...model, correctAnswer: target.value });
-  }
-}
-</script>
-
-<div class="simple-cloze-author">
-  <div class="input-container">
-    <span class="input-label">Prompt</span>
-    <EditableHtml
-      markup={model?.prompt || ""}
-      onChange={handlePromptChange}
-      placeholder="Enter your question here..."
-    />
-  </div>
-
-  <div class="mb-6">
-    <label for="simple-cloze-correct-answer" class="block text-sm text-gray-600 mb-2">
-      Correct Answer
-    </label>
-    <input
-      id="simple-cloze-correct-answer"
-      type="text"
-      class="input input-bordered w-full"
-      placeholder="Enter the correct answer"
-      value={model?.correctAnswer || ""}
-      oninput={handleAnswerChange}
-    />
-  </div>
-</div>
-
-<style>
-  .simple-cloze-author {
-    max-width: 56rem;
-    margin: 0 auto;
-    padding: 24px;
-  }
-
-  .input-container {
-    position: relative;
-    padding-top: 16px;
-    margin-bottom: 24px;
-    width: 100%;
-  }
-
-  .input-label {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform-origin: top left;
-    transform: scale(0.75) translate(0, -0.75em);
-    color: var(--pie-text, rgba(0, 0, 0, 0.6));
-    pointer-events: none;
-  }
-
-  :global(.simple-cloze-author .editor-container) {
-    border-color: var(--pie-border-light, #ccc);
-    border-radius: 4px;
-  }
-
-  :global(.simple-cloze-author .editor-holder) {
-    min-height: 140px;
-  }
-</style>
-

package/src/author/index.ts

@@ -1,28 +0,0 @@
-import AuthorComponent from './Author.svelte';
-
-const SvelteElementClass = (AuthorComponent as any).element;
-
-class SimpleClozeAuthor extends SvelteElementClass {
-  private _model: any = null;
-  private _onChange: ((model: any) => void) | null = null;
-
-  set model(m: any) {
-    this._model = m;
-    super.model = m;
-  }
-
-  get model() {
-    return this._model;
-  }
-
-  set onChange(fn: (model: any) => void) {
-    this._onChange = fn;
-    (this as any).onChange = fn;
-  }
-
-  get onChange() {
-    return this._onChange || (() => {});
-  }
-}
-
-export default SimpleClozeAuthor;

package/src/controller/defaults.ts

@@ -1,13 +0,0 @@
-export default {
-  model: {
-    prompt: '<p>Enter your answer:</p>',
-    promptEnabled: true,
-    correctAnswer: '',
-  },
-  configuration: {
-    prompt: {
-      label: 'Prompt',
-      settings: true,
-    },
-  },
-};

package/src/controller/index.ts

@@ -1,98 +0,0 @@
-import { isEmpty } from 'lodash-es';
-import defaults from './defaults';
-
-export const getCorrectness = (question: any, session: any) => {
-  if (!session || !session.response) {
-    return 'unanswered';
-  }
-
-  const correctAnswer = question?.correctAnswer || '';
-  const userAnswer = session.response || '';
-
-  // Simple string comparison for now
-  if (userAnswer.trim().toLowerCase() === correctAnswer.trim().toLowerCase()) {
-    return 'correct';
-  }
-
-  return 'incorrect';
-};
-
-export const getPartialScore = (_question: any, session: any) => {
-  if (!session || isEmpty(session)) {
-    return 0;
-  }
-
-  return 1;
-};
-
-export const outcome = (question: any, session: any, env: any) =>
-  new Promise((resolve) => {
-    if (!session || isEmpty(session)) {
-      resolve({ score: 0, empty: true });
-      return;
-    }
-
-    session = normalizeSession(session);
-
-    if (env.mode !== 'evaluate') {
-      resolve({ score: undefined, completed: undefined });
-    } else {
-      const correctness = getCorrectness(question, session);
-      const score = correctness === 'correct' ? 1 : 0;
-      resolve({ score });
-    }
-  });
-
-export const createDefaultModel = (model: any = {}) => ({ ...defaults.model, ...model });
-
-export const normalizeSession = (s: any) => ({ ...s });
-
-export const model = (question: any, session: any, env: any) => {
-  return new Promise((resolve) => {
-    session = session || {};
-    const normalizedQuestion = createDefaultModel(question);
-
-    const out: any = {
-      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
-      disabled: env.mode !== 'gather',
-      view: env.mode === 'view',
-      env,
-    };
-
-    if (env.mode === 'evaluate') {
-      const correctness = getCorrectness(normalizedQuestion, session);
-      out.correctness = correctness;
-      out.correctAnswer = normalizedQuestion.correctAnswer;
-    }
-
-    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
-      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled
-        ? normalizedQuestion.teacherInstructions
-        : null;
-    } else {
-      out.teacherInstructions = null;
-    }
-
-    resolve(out);
-  });
-};
-
-export const createCorrectResponseSession = (question: any, env: any) => {
-  return new Promise((resolve) => {
-    if (env.mode !== 'evaluate' && env.role === 'instructor') {
-      resolve({ id: '1', response: question.correctAnswer || '' });
-    } else {
-      resolve(null);
-    }
-  });
-};
-
-export const validate = (model: any = {}, _config: any = {}) => {
-  const errors: any = {};
-
-  if (!model.prompt || model.prompt.trim() === '' || model.prompt === '<p></p>') {
-    errors.prompt = 'Prompt is required';
-  }
-
-  return errors;
-};

package/src/delivery/SimpleCloze.svelte

@@ -1,171 +0,0 @@
-<svelte:options
-  customElement={{
-    shadow: 'none',
-    props: {
-      model: { type: 'Object' },
-      session: { type: 'Object' }
-    }
-  }}
-/>
-
-<script lang="ts">
-import { onMount } from 'svelte';
-
-// Props using $props() in Svelte 5 custom element mode
-let props = $props<{ model?: any; session?: any }>();
-
-let inputElement: HTMLInputElement | null = null;
-let showCorrectAnswer = $state(false);
-
-onMount(() => {
-  if (inputElement) {
-    // Set initial value from session
-    inputElement.value = props?.session?.response || '';
-
-    inputElement.addEventListener('input', handleInput);
-  }
-
-  return () => {
-    if (inputElement) {
-      inputElement.removeEventListener('input', handleInput);
-    }
-  };
-});
-
-// Update input value when session changes externally
-$effect(() => {
-  if (inputElement && !showCorrectAnswer) {
-    const sessionValue = props?.session?.response || '';
-    if (inputElement.value !== sessionValue) {
-      inputElement.value = sessionValue;
-    }
-  }
-});
-
-// Update input value when showing correct answer
-$effect(() => {
-  if (inputElement) {
-    if (showCorrectAnswer && props?.model?.correctAnswer) {
-      inputElement.value = props.model.correctAnswer;
-    } else if (!showCorrectAnswer) {
-      inputElement.value = props?.session?.response || '';
-    }
-  }
-});
-
-function handleInput(event: Event) {
-  const target = event.target as HTMLInputElement;
-  const newValue = target.value;
-
-  // Create updated session
-  const updatedSession = {
-    ...props.session,
-    response: newValue,
-  };
-
-  // Find the host custom element
-  const hostElement = target.closest('simple-cloze') as any;
-  if (hostElement?._internalSession) {
-    hostElement._internalSession = updatedSession;
-  }
-
-  // Dispatch custom event for web component
-  const customEvent = new CustomEvent('session-changed', {
-    bubbles: true,
-    composed: true,
-    detail: { complete: true, component: 'simple-cloze' },
-  });
-  hostElement?.dispatchEvent(customEvent);
-}
-
-function toggleCorrectAnswer() {
-  showCorrectAnswer = !showCorrectAnswer;
-}
-
-// Computed values
-const isEvaluateMode = $derived(props?.model?.env?.mode === 'evaluate');
-const correctness = $derived(props?.model?.correctness);
-const isCorrect = $derived(correctness === 'correct');
-const isIncorrect = $derived(correctness === 'incorrect');
-</script>
-
-<div class="p-4">
-  {#if props?.model?.prompt}
-    <div class="mb-4 prose">{@html props.model.prompt}</div>
-  {/if}
-
-  {#if isEvaluateMode && isIncorrect}
-    <button
-      type="button"
-      class="mb-3 flex items-center gap-2 cursor-pointer select-none"
-      onclick={toggleCorrectAnswer}
-      aria-pressed={showCorrectAnswer}
-    >
-      {#if showCorrectAnswer}
-        <!-- Hide correct answer icon (open state) -->
-        <svg style="width: 25px; height: 25px;" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-283 359 34 35">
-          <circle cx="-266" cy="375.9" r="14" fill="#bce2ff" />
-          <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" />
-          <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" />
-        </svg>
-      {:else}
-        <!-- Show correct answer icon (closed state) -->
-        <svg style="width: 25px; height: 25px;" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-129.5 127 34 35">
-          <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" />
-          <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" />
-          <circle cx="-114.2" cy="143.5" r="14" fill="white" />
-          <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" />
-          <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" />
-        </svg>
-      {/if}
-      <span class="text-sm hover:underline">
-        {showCorrectAnswer ? 'Hide' : 'Show'} correct answer
-      </span>
-    </button>
-  {/if}
-
-  <div class="relative inline-block">
-    {#if isEvaluateMode && (isCorrect || showCorrectAnswer)}
-      <span class="correctness-icon" style="background-color: #0EA449;">
-        <svg style="width: 12px; height: 12px; color: white;" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/>
-        </svg>
-      </span>
-    {/if}
-    {#if isEvaluateMode && isIncorrect && !showCorrectAnswer}
-      <span class="correctness-icon" style="background-color: #BF0D00;">
-        <svg style="width: 12px; height: 12px; color: white;" fill="currentColor" viewBox="0 0 24 24">
-          <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"/>
-        </svg>
-      </span>
-    {/if}
-    <input
-      bind:this={inputElement}
-      type="text"
-      placeholder="Enter your answer..."
-      disabled={props?.model?.disabled}
-      readonly={showCorrectAnswer}
-      class="outline-none px-3 py-2 rounded"
-      style:border={isEvaluateMode && (isCorrect || showCorrectAnswer) ? 'solid 2px #0EA449' : isEvaluateMode && isIncorrect && !showCorrectAnswer ? 'solid 2px #BF0D00' : 'solid 1px #d1d5db'}
-      style:color={isEvaluateMode && (isCorrect || isIncorrect) ? 'black' : ''}
-    />
-  </div>
-</div>
-
-<style>
-  /* Custom styles for correct answer display */
-  input[readonly] {
-    font-weight: 600;
-  }
-
-  .correctness-icon {
-    position: absolute;
-    top: -8px;
-    left: -8px;
-    border-radius: 50%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 2px;
-  }
-</style>

package/src/delivery/index.ts

@@ -1,37 +0,0 @@
-// Import the Svelte component compiled as custom element
-import SimpleClozeComponent from './SimpleCloze.svelte';
-
-// Get the base Svelte custom element class
-const SvelteElementClass = (SimpleClozeComponent as any).element;
-
-// Create a wrapper that properly handles session updates
-class SimpleClozeElement extends SvelteElementClass {
-  _internalSession: any = null;
-
-  // Override the session setter to maintain internal state
-  set session(s: any) {
-    this._internalSession = s;
-    // Update the Svelte component's props
-    super.session = s;
-  }
-
-  // Override the session getter to return internal state
-  get session() {
-    return this._internalSession;
-  }
-
-  // Provide a callback for the Svelte component to update session
-  onSessionChange = (updatedSession: any) => {
-    this._internalSession = updatedSession;
-  };
-
-  connectedCallback() {
-    super.connectedCallback();
-    // Set the callback on the Svelte component instance
-    (this as any).onSessionChange = this.onSessionChange;
-  }
-}
-
-// Export the custom element class
-// The demo loader will register it with customElements.define()
-export default SimpleClozeElement;

package/src/index.iife.ts

@@ -1,7 +0,0 @@
-/**
- * IIFE entry point for simple-cloze element.
- * Exports the delivery component for host/player registration.
- */
-import Element from './delivery';
-
-export default Element;

package/src/index.ts

@@ -1 +0,0 @@
-export { default } from './delivery/index';

package/src/print/Print.svelte

@@ -1,49 +0,0 @@
-<svelte:options
-  customElement={{
-    shadow: 'none',
-    props: {
-      model: { type: 'Object' }
-    }
-  }}
-/>
-
-<script lang="ts">
-// Destructure props so Svelte can infer what to expose as custom element properties
-let { model = null }: { model?: any } = $props();
-
-let prompt = $state('');
-$effect(() => {
-  prompt = model?.prompt || '';
-});
-</script>
-
-<div class="p-4 print:p-0">
-  {#if prompt}
-    <div class="mb-4 prose prose-sm">{@html prompt}</div>
-  {/if}
-
-  <div class="inline-block">
-    <input
-      type="text"
-      placeholder="______________________"
-      class="px-3 py-2 border-b-2 border-gray-400 bg-transparent print:border-black"
-      style="border-top: none; border-left: none; border-right: none;"
-      disabled
-    />
-  </div>
-</div>
-
-<style>
-  @media print {
-    input {
-      border-color: black !important;
-    }
-  }
-
-  .prose :global(p) {
-    margin: 0.5em 0;
-  }
-  .prose :global(strong) {
-    font-weight: 600;
-  }
-</style>

package/src/print/index.ts

@@ -1,18 +0,0 @@
-import PrintComponent from './Print.svelte';
-
-const SvelteElementClass = (PrintComponent as any).element;
-
-class SimpleClozePrint extends SvelteElementClass {
-  private _model: any = null;
-
-  set model(m: any) {
-    this._model = m;
-    super.model = m;
-  }
-
-  get model() {
-    return this._model;
-  }
-}
-
-export default SimpleClozePrint;