@pie-element/mc-populated-blank 0.2.10 → 0.2.12

package/dist/shared/layoutLimits.d.ts

@@ -0,0 +1,40 @@
+export type LayoutLimits = {
+    blankStandaloneWidthRem: number;
+    blankWideWidthRem: number;
+    blankUnderlineWidthPx: number;
+    blankUnderlineWideWidthPx: number;
+    horizontalChoiceWidthPx: number;
+    horizontalChoiceWidthVw: number;
+    horizontalChoiceTileMinHeightRem: number;
+    horizontalChoiceContentMinHeightRem: number;
+    selectedImageMaxHeightRem: number;
+    choiceImageMaxHeightRem: number;
+    listenButtonSizePx: number;
+    stimulusMinColumnPx: number;
+    textMinColumnPx: number;
+    legendMaxChars: number;
+    choiceGroupGapRem: number;
+    choiceRowGapRem: number;
+    toggleButtonGapRem: number;
+    horizontalChoiceRadioTopMarginRem: number;
+    audioBlankTemplateMarginTopRem: number;
+    audioBlankTemplateMarginBottomRem: number;
+    audioInstructionsMaxWidthPx: number;
+    narrowHorizontalChoiceMaxWidthPx: number;
+    stimulusGridColumnGapRem: number;
+    stimulusGridRowGapRem: number;
+    stimulusSentenceMarginTopRem: number;
+    stimulusChoicesMarginTopRem: number;
+    tokenGridColumnGapRem: number;
+    tokenGridRowGapRem: number;
+    tokenTemplateMarginTopRem: number;
+    tokenInlineTokenGapRem: number;
+    tokenChoicesMarginTopRem: number;
+    inlineGridColumnGapRem: number;
+    inlineGridRowGapRem: number;
+    inlineTemplateMarginTopRem: number;
+    inlineChoicesMarginTopRem: number;
+};
+/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */
+export declare const DEFAULT_LAYOUT_LIMITS: LayoutLimits;
+//# sourceMappingURL=layoutLimits.d.ts.map

package/dist/shared/layoutLimits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutLimits.d.ts","sourceRoot":"","sources":["../../src/shared/layoutLimits.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yBAAyB,EAAE,MAAM,CAAC;IAClC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,gCAAgC,EAAE,MAAM,CAAC;IACzC,mCAAmC,EAAE,MAAM,CAAC;IAC5C,yBAAyB,EAAE,MAAM,CAAC;IAClC,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iCAAiC,EAAE,MAAM,CAAC;IAC1C,8BAA8B,EAAE,MAAM,CAAC;IACvC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,2BAA2B,EAAE,MAAM,CAAC;IACpC,gCAAgC,EAAE,MAAM,CAAC;IACzC,wBAAwB,EAAE,MAAM,CAAC;IACjC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4BAA4B,EAAE,MAAM,CAAC;IACrC,2BAA2B,EAAE,MAAM,CAAC;IACpC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yBAAyB,EAAE,MAAM,CAAC;IAClC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,EAAE,YAoCnC,CAAC"}

package/dist/shared/types.d.ts

@@ -0,0 +1,82 @@
+import type { LayoutLimits } from './layoutLimits';
+export type McpbChoiceMode = 'text' | 'image';
+export type McpbInteractionMode = 'populate_blank' | 'audio_mc_only';
+export type McpbDeliveryMode = 'gather' | 'view' | 'evaluate' | 'authoring' | 'print';
+export type McpbRole = 'student' | 'instructor';
+export type McpbCorrectness = 'correct' | 'incorrect' | 'unanswered';
+export interface McpbChoice {
+    id: string;
+    labelHtml?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+}
+export interface McpbAudioButtonSkin {
+    silentUrl: string;
+    playingUrl: string;
+}
+export interface McpbUiText {
+    answerChoices?: string;
+    selectedAnswerInSentence?: string;
+    showCorrectAnswer?: string;
+    hideCorrectAnswer?: string;
+    clickToEnableAutoplay?: string;
+    audioResourceUnavailable?: string;
+    transcriptLabel?: string;
+    listenLabelEn?: string;
+    listenLabelEs?: string;
+    listenSilentAlt?: string;
+    listenPlayingAlt?: string;
+    listenSilentAltEs?: string;
+    listenPlayingAltEs?: string;
+}
+export interface McpbQuestion {
+    id?: string;
+    element?: string;
+    prompt?: string;
+    promptEnabled?: boolean;
+    interactionMode?: McpbInteractionMode;
+    layoutProfile?: string;
+    choiceLayout?: string;
+    layoutProfilePresets?: Record<string, Partial<LayoutLimits>>;
+    layoutLimits?: Partial<LayoutLimits>;
+    audioButtonSkin?: McpbAudioButtonSkin | null;
+    audioButtonSkinsByLocale?: Record<string, McpbAudioButtonSkin>;
+    uiText?: McpbUiText;
+    sentenceHtml?: string;
+    template?: string;
+    choiceMode?: McpbChoiceMode;
+    choices?: McpbChoice[];
+    correctChoiceId?: string;
+    hasAudio?: boolean;
+    autoplayAudioEnabled?: boolean;
+    completeAudioEnabled?: boolean;
+    audioUrl?: string;
+    audioTranscript?: string;
+    showVisibleTranscript?: boolean;
+    useFeatureButtonAudio?: boolean;
+    locale?: string;
+    shuffle?: boolean;
+    lockChoiceOrder?: boolean;
+    teacherInstructions?: string;
+    teacherInstructionsEnabled?: boolean;
+    customType?: string;
+}
+export interface McpbSession {
+    id?: string;
+    element?: string;
+    choiceId?: string;
+    audioStartTime?: number;
+    audioEndTime?: number;
+    shuffledValues?: string[];
+    data?: {
+        shuffledValues?: string[];
+    };
+}
+export interface McpbEnv {
+    mode?: McpbDeliveryMode;
+    role?: McpbRole;
+    '@pie-element'?: {
+        lockChoiceOrder?: boolean;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/mc-populated-blank",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Multiple-choice option populates an inline blank in a sentence template (Svelte 5 PIE element)",
   "type": "module",
   "main": "./dist/index.js",
@@ -10,34 +10,28 @@
   },
   "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"
     },
     "./author": {
-      "development": "./src/author/index.ts",
       "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"
     }
   },
   "files": [
     "dist",
-    "src",
     "controller.js"
   ],
   "sideEffects": false,
@@ -46,16 +40,13 @@
     "dev": "vite",
     "clean": "rm -rf dist tsconfig.tsbuildinfo"
   },
-  "dependencies": {
-    "@pie-lib/styling-svelte": "0.1.2"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
   "devDependencies": {
+    "@pie-lib/delivery-events-svelte": "0.1.0",
+    "@pie-lib/styling-svelte": "0.1.2",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "svelte": "^5.54.0",
     "typescript": "^5.9.3",
-    "vite": "^8.0.1"
+    "vite": "^8.0.1",
+    "vitest": "^4.1.0"
   }
 }

package/src/author/Author.svelte

@@ -1,41 +0,0 @@
-<svelte:options
-  customElement={{
-    shadow: 'none',
-    props: {
-      model: { type: 'Object' },
-    },
-  }}
-/>
-
-<script lang="ts">
-// Keep the same prop shape expected by the wrapper.
-let { model = $bindable(), onChange }: { model?: any; onChange?: (model: any) => void } = $props();
-</script>
-
-<div class="mc-populated-blank-author-placeholder" role="status" aria-live="polite">
-  <p class="title">Author view placeholder</p>
-  <p class="body">This authoring interface is a placeholder and will be implemented later.</p>
-</div>
-
-<style>
-  .mc-populated-blank-author-placeholder {
-    max-width: 56rem;
-    margin: 24px auto;
-    padding: 20px;
-    border: 1px dashed #cbd5e1;
-    border-radius: 8px;
-    background: #f8fafc;
-    color: #334155;
-  }
-
-  .title {
-    margin: 0 0 8px;
-    font-size: 1rem;
-    font-weight: 600;
-  }
-
-  .body {
-    margin: 0;
-    font-size: 0.9rem;
-  }
-</style>

package/src/author/index.ts

@@ -1,28 +0,0 @@
-import AuthorComponent from './Author.svelte';
-
-const SvelteElementClass = (AuthorComponent as any).element;
-
-class McPopulatedBlankAuthor 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 McPopulatedBlankAuthor;

package/src/controller/defaults.ts

@@ -1,91 +0,0 @@
-/** Token authors must include exactly once in `template` (HTML). */
-export const BLANK_TOKEN = '{{blank}}';
-/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */
-export const DEFAULT_LAYOUT_LIMITS = {
-  blankStandaloneWidthRem: 7,
-  blankWideWidthRem: 10,
-  blankUnderlineWidthPx: 2,
-  blankUnderlineWideWidthPx: 4,
-  horizontalChoiceWidthPx: 170,
-  horizontalChoiceWidthVw: 30,
-  horizontalChoiceTileMinHeightRem: 11,
-  horizontalChoiceContentMinHeightRem: 7.5,
-  selectedImageMaxHeightRem: 4,
-  choiceImageMaxHeightRem: 5,
-  listenButtonSizePx: 128,
-  stimulusMinColumnPx: 210,
-  textMinColumnPx: 260,
-  legendMaxChars: 120,
-  choiceGroupGapRem: 0.5,
-  choiceRowGapRem: 0.5,
-  toggleButtonGapRem: 0.5,
-  horizontalChoiceRadioTopMarginRem: 0.5,
-  audioBlankTemplateMarginTopRem: 0.8,
-  audioBlankTemplateMarginBottomRem: 1.8,
-  audioInstructionsMaxWidthPx: 875,
-  narrowHorizontalChoiceMaxWidthPx: 230,
-  stimulusGridColumnGapRem: 2,
-  stimulusGridRowGapRem: 0.7,
-  stimulusSentenceMarginTopRem: 0.2,
-  stimulusChoicesMarginTopRem: 0.9,
-  tokenGridColumnGapRem: 1.5,
-  tokenGridRowGapRem: 0.8,
-  tokenTemplateMarginTopRem: 0.6,
-  tokenInlineTokenGapRem: 0.35,
-  tokenChoicesMarginTopRem: 0.2,
-  inlineGridColumnGapRem: 1.5,
-  inlineGridRowGapRem: 0.65,
-  inlineTemplateMarginTopRem: 0.45,
-  inlineChoicesMarginTopRem: 0.25,
-} as const;
-
-export default {
-  model: {
-    id: '1',
-    element: 'mc-populated-blank',
-    prompt: '<p><strong>Demo prompt</strong></p>',
-    promptEnabled: true,
-    interactionMode: 'populate_blank' as const,
-    layoutProfile: '',
-    choiceLayout: '',
-    layoutProfilePresets: {},
-    layoutLimits: { ...DEFAULT_LAYOUT_LIMITS },
-    audioButtonSkin: null,
-    audioButtonSkinsByLocale: {},
-    uiText: {
-      answerChoices: 'Answer choices',
-      selectedAnswerInSentence: 'Selected answer in sentence',
-      showCorrectAnswer: 'Show correct answer',
-      hideCorrectAnswer: 'Hide correct answer',
-      clickToEnableAutoplay: 'Click to enable audio autoplay',
-      audioResourceUnavailable: 'Audio is enabled but no playable audio URL is configured.',
-      transcriptLabel: 'Transcript',
-      listenLabelEn: 'Listen',
-      listenLabelEs: 'Escuchar',
-    },
-    sentenceHtml: '',
-    template: `<p>The answer is ${BLANK_TOKEN}.</p>`,
-    choiceMode: 'text' as const,
-    choices: [
-      { id: 'c1', labelHtml: '<p>Option A</p>' },
-      { id: 'c2', labelHtml: '<p>Option B</p>' },
-      { id: 'c3', labelHtml: '<p>Option C</p>' },
-    ],
-    correctChoiceId: 'c2',
-    hasAudio: false,
-    autoplayAudioEnabled: false,
-    completeAudioEnabled: false,
-    audioUrl: '',
-    audioTranscript: '',
-    showVisibleTranscript: false,
-    locale: '',
-    teacherInstructions: '',
-    teacherInstructionsEnabled: false,
-  },
-  configuration: {
-    prompt: {
-      label: 'Prompt',
-      settings: true,
-    },
-  },
-};