@pie-element/mc-populated-blank 0.3.0-next.5 → 0.3.0-next.7

package/dist/controller/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/shared/layoutLimits.ts","../../src/controller/defaults.ts","../../src/controller/index.ts"],"sourcesContent":["export type LayoutLimits = {\n  blankStandaloneWidthRem: number;\n  blankWideWidthRem: number;\n  blankUnderlineWidthPx: number;\n  blankUnderlineWideWidthPx: number;\n  horizontalChoiceWidthPx: number;\n  horizontalChoiceWidthVw: number;\n  horizontalChoiceTileMinHeightRem: number;\n  horizontalChoiceContentMinHeightRem: number;\n  selectedImageMaxHeightRem: number;\n  choiceImageMaxHeightRem: number;\n  listenButtonSizePx: number;\n  stimulusMinColumnPx: number;\n  textMinColumnPx: number;\n  legendMaxChars: number;\n  choiceGroupGapRem: number;\n  choiceRowGapRem: number;\n  toggleButtonGapRem: number;\n  horizontalChoiceRadioTopMarginRem: number;\n  audioBlankTemplateMarginTopRem: number;\n  audioBlankTemplateMarginBottomRem: number;\n  audioInstructionsMaxWidthPx: number;\n  narrowHorizontalChoiceMaxWidthPx: number;\n  stimulusGridColumnGapRem: number;\n  stimulusGridRowGapRem: number;\n  stimulusSentenceMarginTopRem: number;\n  stimulusChoicesMarginTopRem: number;\n  tokenGridColumnGapRem: number;\n  tokenGridRowGapRem: number;\n  tokenTemplateMarginTopRem: number;\n  tokenInlineTokenGapRem: number;\n  tokenChoicesMarginTopRem: number;\n  inlineGridColumnGapRem: number;\n  inlineGridRowGapRem: number;\n  inlineTemplateMarginTopRem: number;\n  inlineChoicesMarginTopRem: number;\n};\n\n/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */\nexport const DEFAULT_LAYOUT_LIMITS: LayoutLimits = {\n  blankStandaloneWidthRem: 7,\n  blankWideWidthRem: 10,\n  blankUnderlineWidthPx: 2,\n  blankUnderlineWideWidthPx: 4,\n  horizontalChoiceWidthPx: 170,\n  horizontalChoiceWidthVw: 30,\n  horizontalChoiceTileMinHeightRem: 11,\n  horizontalChoiceContentMinHeightRem: 7.5,\n  selectedImageMaxHeightRem: 4,\n  choiceImageMaxHeightRem: 5,\n  listenButtonSizePx: 128,\n  stimulusMinColumnPx: 210,\n  textMinColumnPx: 260,\n  legendMaxChars: 120,\n  choiceGroupGapRem: 0.5,\n  choiceRowGapRem: 0.5,\n  toggleButtonGapRem: 0.5,\n  horizontalChoiceRadioTopMarginRem: 0.5,\n  audioBlankTemplateMarginTopRem: 0.8,\n  audioBlankTemplateMarginBottomRem: 1.8,\n  audioInstructionsMaxWidthPx: 875,\n  narrowHorizontalChoiceMaxWidthPx: 230,\n  stimulusGridColumnGapRem: 2,\n  stimulusGridRowGapRem: 0.7,\n  stimulusSentenceMarginTopRem: 0.2,\n  stimulusChoicesMarginTopRem: 0.9,\n  tokenGridColumnGapRem: 1.5,\n  tokenGridRowGapRem: 0.8,\n  tokenTemplateMarginTopRem: 0.6,\n  tokenInlineTokenGapRem: 0.35,\n  tokenChoicesMarginTopRem: 0.2,\n  inlineGridColumnGapRem: 1.5,\n  inlineGridRowGapRem: 0.65,\n  inlineTemplateMarginTopRem: 0.45,\n  inlineChoicesMarginTopRem: 0.25,\n};\n","import { DEFAULT_LAYOUT_LIMITS } from '../shared/layoutLimits';\n\nexport { DEFAULT_LAYOUT_LIMITS };\n\n/** Token authors must include exactly once in `template` (HTML). */\nexport const BLANK_TOKEN = '{{blank}}';\n\nexport default {\n  model: {\n    id: '1',\n    element: 'mc-populated-blank',\n    prompt: '<p><strong>Demo prompt</strong></p>',\n    promptEnabled: true,\n    interactionMode: 'populate_blank' as const,\n    layoutProfile: '',\n    choiceLayout: '',\n    layoutProfilePresets: {},\n    layoutLimits: { ...DEFAULT_LAYOUT_LIMITS },\n    audioButtonSkin: null,\n    audioButtonSkinsByLocale: {},\n    uiText: {\n      answerChoices: 'Answer choices',\n      selectedAnswerInSentence: 'blank',\n      blankPreSelectionHint: 'The answer you choose will appear on the blank line above.',\n      showCorrectAnswer: 'Show correct answer',\n      hideCorrectAnswer: 'Hide correct answer',\n      clickToEnableAutoplay: 'Click to enable audio autoplay',\n      audioResourceUnavailable: 'Audio is enabled but no playable audio URL is configured.',\n      transcriptLabel: 'Transcript',\n      listenLabelEn: 'Listen',\n      listenLabelEs: 'Escuchar',\n      listenSilentAlt: 'Repeat instructions',\n      listenPlayingAlt: 'Instructions are playing',\n      listenSilentAltEs: 'Escuchar. Repetir las instrucciones.',\n      listenPlayingAltEs: 'Escuchar. Estas son las instrucciones.',\n    },\n    sentenceHtml: '',\n    template: `<p>The answer is ${BLANK_TOKEN}.</p>`,\n    choiceMode: 'text' as const,\n    choices: [\n      { id: 'c1', labelHtml: '<p>Option A</p>' },\n      { id: 'c2', labelHtml: '<p>Option B</p>' },\n      { id: 'c3', labelHtml: '<p>Option C</p>' },\n    ],\n    correctChoiceId: 'c2',\n    hasAudio: false,\n    autoplayAudioEnabled: false,\n    completeAudioEnabled: false,\n    audioUrl: '',\n    audioTranscript: '',\n    locale: '',\n    teacherInstructions: '',\n    teacherInstructionsEnabled: false,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n","import defaults, { BLANK_TOKEN, DEFAULT_LAYOUT_LIMITS } from './defaults';\nimport type {\n  McpbChoice,\n  McpbQuestion,\n  McpbSession,\n  McpbEnv,\n  McpbCorrectness,\n} from '../shared/types';\n\nconst isEmptyObject = (value: unknown): boolean =>\n  !!value &&\n  typeof value === 'object' &&\n  !Array.isArray(value) &&\n  Object.keys(value as Record<string, unknown>).length === 0;\n\nexport function countBlankTokens(template: string): number {\n  if (!template) return 0;\n  const re = /\\{\\{blank\\}\\}/g;\n  return (template.match(re) || []).length;\n}\n\nexport const getCorrectness = (question: McpbQuestion, session: McpbSession): McpbCorrectness => {\n  if (!session?.choiceId) {\n    return 'unanswered';\n  }\n  const correct = question?.correctChoiceId || '';\n  if (session.choiceId === correct) {\n    return 'correct';\n  }\n  return 'incorrect';\n};\n\nexport const getPartialScore = (_question: McpbQuestion, session: McpbSession) => {\n  if (!session || isEmptyObject(session) || !session.choiceId) {\n    return 0;\n  }\n  return 1;\n};\n\nexport const outcome = (question: McpbQuestion, session: McpbSession, env: McpbEnv) =>\n  new Promise((resolve) => {\n    if (!session || isEmptyObject(session)) {\n      resolve({\n        score: 0,\n        empty: true,\n        traceLog: ['Student did not select any answers. Score is 0.'],\n      });\n      return;\n    }\n\n    session = normalizeSession(session);\n    const correctness = getCorrectness(question, session);\n\n    if (correctness === 'unanswered') {\n      resolve({\n        score: 0,\n        empty: true,\n        traceLog: ['Student did not select any answers. Score is 0.'],\n      });\n      return;\n    }\n\n    const score = correctness === 'correct' ? 1 : 0;\n    const traceLog = [\n      `Mode: ${env?.mode || 'unknown'}.`,\n      `Student selected choice: ${session.choiceId}.`,\n      `Correct choice: ${question?.correctChoiceId || 'none'}.`,\n      `Final score: ${score}.`,\n    ];\n    resolve({ score, empty: false, traceLog });\n  });\n\nexport const createDefaultModel = (model: McpbQuestion = {}) => ({\n  ...defaults.model,\n  ...model,\n  layoutLimits: {\n    ...DEFAULT_LAYOUT_LIMITS,\n    ...(model?.layoutLimits || {}),\n  },\n});\n\nexport const normalize = (question: McpbQuestion = {}) => createDefaultModel(question);\n\nexport const normalizeSession = (s: McpbSession): McpbSession => ({ ...s });\n\nconst shouldShuffleChoices = (question: McpbQuestion) => !!question?.shuffle;\n\nconst shouldLockChoices = (question: McpbQuestion, env: McpbEnv) => {\n  if (question?.lockChoiceOrder) return true;\n  if (env?.['@pie-element']?.lockChoiceOrder) return true;\n  return env?.role === 'instructor';\n};\n\nfunction shuffleArray<T>(items: T[]): T[] {\n  const out = [...items];\n  for (let i = out.length - 1; i > 0; i--) {\n    const j = Math.floor(Math.random() * (i + 1));\n    [out[i], out[j]] = [out[j], out[i]];\n  }\n  return out;\n}\n\nconst getStoredShuffle = (session: McpbSession): string[] =>\n  Array.isArray(session?.data?.shuffledValues)\n    ? session.data.shuffledValues\n    : Array.isArray(session?.shuffledValues)\n      ? session.shuffledValues\n      : [];\n\nconst applyShuffledValues = (\n  choices: McpbChoice[],\n  shuffledValues: string[],\n  choiceKey: keyof McpbChoice\n) => {\n  const orderedChoices = shuffledValues\n    .map((value) => choices.find((choice) => choice?.[choiceKey] === value))\n    .filter((c): c is McpbChoice => !!c);\n\n  if (orderedChoices.length === choices.length) {\n    return orderedChoices;\n  }\n\n  const orderedValues = new Set(orderedChoices.map((choice) => choice[choiceKey]));\n  const leftovers = choices.filter((choice) => !orderedValues.has(choice?.[choiceKey]));\n  return [...orderedChoices, ...leftovers];\n};\n\ntype UpdateSessionFn = (\n  id: string,\n  element: string,\n  data: { shuffledValues: string[] }\n) => Promise<void>;\n\nconst getOrderedChoices = async (\n  question: McpbQuestion,\n  session: McpbSession,\n  env: McpbEnv,\n  updateSession?: UpdateSessionFn\n) => {\n  const choices = Array.isArray(question?.choices) ? [...question.choices] : [];\n  if (!choices.length || !shouldShuffleChoices(question)) {\n    return choices;\n  }\n\n  if (shouldLockChoices(question, env || {})) {\n    return choices;\n  }\n\n  const shuffledValues = getStoredShuffle(session);\n  if (shuffledValues.length) {\n    return applyShuffledValues(choices, shuffledValues, 'id');\n  }\n\n  const shuffledChoices = shuffleArray(choices);\n\n  if (updateSession && typeof updateSession === 'function' && session?.id && session?.element) {\n    const shuffledIds = shuffledChoices.map((choice) => choice?.id).filter(Boolean);\n    if (shuffledIds.length) {\n      await updateSession(session.id, session.element, { shuffledValues: shuffledIds });\n    }\n  }\n\n  return shuffledChoices;\n};\n\nexport const model = async (\n  question: McpbQuestion,\n  session: McpbSession | null,\n  env: McpbEnv | null,\n  updateSession?: UpdateSessionFn\n) => {\n  const safeSession: McpbSession = session || {};\n  const safeEnv: McpbEnv = env || {};\n  const normalizedQuestion = normalize(question);\n  const choices = await getOrderedChoices(normalizedQuestion, safeSession, safeEnv, updateSession);\n\n  const out: Record<string, unknown> = {\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    interactionMode: normalizedQuestion.interactionMode || 'populate_blank',\n    layoutProfile: normalizedQuestion.layoutProfile || '',\n    choiceLayout: normalizedQuestion.choiceLayout || '',\n    layoutProfilePresets:\n      normalizedQuestion.layoutProfilePresets &&\n      typeof normalizedQuestion.layoutProfilePresets === 'object'\n        ? normalizedQuestion.layoutProfilePresets\n        : {},\n    layoutLimits: normalizedQuestion.layoutLimits || { ...DEFAULT_LAYOUT_LIMITS },\n    audioButtonSkin:\n      normalizedQuestion.audioButtonSkin && typeof normalizedQuestion.audioButtonSkin === 'object'\n        ? normalizedQuestion.audioButtonSkin\n        : null,\n    audioButtonSkinsByLocale:\n      normalizedQuestion.audioButtonSkinsByLocale &&\n      typeof normalizedQuestion.audioButtonSkinsByLocale === 'object'\n        ? normalizedQuestion.audioButtonSkinsByLocale\n        : {},\n    uiText:\n      normalizedQuestion.uiText && typeof normalizedQuestion.uiText === 'object'\n        ? normalizedQuestion.uiText\n        : {},\n    sentenceHtml: normalizedQuestion.sentenceHtml || null,\n    template: normalizedQuestion.template,\n    choiceMode: normalizedQuestion.choiceMode,\n    choices,\n    hasAudio: normalizedQuestion.hasAudio,\n    autoplayAudioEnabled: !!normalizedQuestion.autoplayAudioEnabled,\n    completeAudioEnabled: !!normalizedQuestion.completeAudioEnabled,\n    audioUrl: normalizedQuestion.hasAudio ? normalizedQuestion.audioUrl : null,\n    audioTranscript: normalizedQuestion.hasAudio ? normalizedQuestion.audioTranscript : null,\n    customType: normalizedQuestion.customType || '',\n    useFeatureButtonAudio:\n      typeof normalizedQuestion.useFeatureButtonAudio === 'boolean'\n        ? normalizedQuestion.useFeatureButtonAudio\n        : undefined,\n    locale: normalizedQuestion.locale || '',\n    disabled: safeEnv.mode !== 'gather',\n    mode: safeEnv.mode,\n  };\n\n  if (safeEnv.mode === 'evaluate') {\n    const correctness = getCorrectness(normalizedQuestion, safeSession);\n    out.correctness = correctness;\n    out.responseCorrect = correctness === 'correct';\n    out.correctChoiceId = normalizedQuestion.correctChoiceId;\n  }\n\n  if (safeEnv.role === 'instructor' && (safeEnv.mode === 'view' || safeEnv.mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n};\n\nexport const createCorrectResponseSession = (question: McpbQuestion, env: McpbEnv) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({\n        id: '1',\n        element: 'mc-populated-blank',\n        choiceId: question?.correctChoiceId || '',\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (question: McpbQuestion = {}, _config: Record<string, unknown> = {}) => {\n  const errors: Record<string, string> = {};\n\n  if (question.promptEnabled) {\n    const p = question.prompt?.trim() || '';\n    if (!p || p === '<p></p>') {\n      errors.prompt = 'Prompt is required when prompt is enabled';\n    }\n  }\n\n  const interactionMode = question.interactionMode || 'populate_blank';\n  const template = question.template || '';\n  const n = countBlankTokens(template);\n  if (interactionMode === 'audio_mc_only') {\n    if (n > 0) {\n      errors.template = `Template cannot contain ${BLANK_TOKEN} in audio-only mode`;\n    }\n  } else if (interactionMode === 'populate_blank') {\n    if (n === 0) {\n      errors.template = `Template must contain exactly one ${BLANK_TOKEN} placeholder`;\n    } else if (n > 1) {\n      errors.template = `Template must contain only one ${BLANK_TOKEN} placeholder`;\n    }\n  } else {\n    errors.interactionMode = 'Unknown interaction mode';\n  }\n\n  const choices = Array.isArray(question.choices) ? question.choices : [];\n  if (choices.length < 2) {\n    errors.choices = 'At least two choices are required';\n  }\n\n  const mode = question.choiceMode || 'text';\n  for (let i = 0; i < choices.length; i++) {\n    const c = choices[i];\n    if (!c?.id) {\n      errors.choices = `Choice ${i + 1} is missing an id`;\n      break;\n    }\n    if (mode === 'text') {\n      const lbl = (c.labelHtml || '').trim();\n      if (!lbl || lbl === '<p></p>') {\n        errors.choices = `Choice ${i + 1} needs label text`;\n        break;\n      }\n    } else {\n      if (!c.imageUrl?.trim()) {\n        errors.choices = `Choice ${i + 1} needs an image URL`;\n        break;\n      }\n      if (!c.imageAlt?.trim()) {\n        errors.choices = `Choice ${i + 1} needs image alt text`;\n        break;\n      }\n    }\n  }\n\n  const correct = question.correctChoiceId;\n  if (!correct || !choices.some((c) => c.id === correct)) {\n    errors.correctChoiceId = 'Correct choice must match one of the choice ids';\n  }\n\n  if (question.hasAudio) {\n    const hasAudioUrl = !!question.audioUrl?.trim();\n    if (!hasAudioUrl) {\n      errors.audioUrl = 'A playable audio URL is required when audio is enabled';\n    }\n  }\n\n  const limits = question?.layoutLimits;\n  if (limits && typeof limits === 'object') {\n    const numericLimitKeys = [\n      'blankStandaloneWidthRem',\n      'blankWideWidthRem',\n      'blankUnderlineWidthPx',\n      'blankUnderlineWideWidthPx',\n      'horizontalChoiceWidthPx',\n      'horizontalChoiceWidthVw',\n      'horizontalChoiceTileMinHeightRem',\n      'horizontalChoiceContentMinHeightRem',\n      'selectedImageMaxHeightRem',\n      'choiceImageMaxHeightRem',\n      'listenButtonSizePx',\n      'stimulusMinColumnPx',\n      'textMinColumnPx',\n      'legendMaxChars',\n      'choiceGroupGapRem',\n      'choiceRowGapRem',\n      'toggleButtonGapRem',\n      'horizontalChoiceRadioTopMarginRem',\n      'audioBlankTemplateMarginTopRem',\n      'audioBlankTemplateMarginBottomRem',\n      'audioInstructionsMaxWidthPx',\n      'narrowHorizontalChoiceMaxWidthPx',\n      'stimulusGridColumnGapRem',\n      'stimulusGridRowGapRem',\n      'stimulusSentenceMarginTopRem',\n      'stimulusChoicesMarginTopRem',\n      'tokenGridColumnGapRem',\n      'tokenGridRowGapRem',\n      'tokenTemplateMarginTopRem',\n      'tokenInlineTokenGapRem',\n      'tokenChoicesMarginTopRem',\n      'inlineGridColumnGapRem',\n      'inlineGridRowGapRem',\n      'inlineTemplateMarginTopRem',\n      'inlineChoicesMarginTopRem',\n    ] as const;\n    for (const key of numericLimitKeys) {\n      if (limits[key] === undefined || limits[key] === null) continue;\n      const value = Number(limits[key]);\n      if (!Number.isFinite(value) || value <= 0) {\n        errors.layoutLimits = `${key} must be a positive number when provided`;\n        break;\n      }\n    }\n  }\n\n  return errors;\n};\n"],"mappings":";;AAuCA,IAAa,wBAAsC;CACjD,yBAAyB;CACzB,mBAAmB;CACnB,uBAAuB;CACvB,2BAA2B;CAC3B,yBAAyB;CACzB,yBAAyB;CACzB,kCAAkC;CAClC,qCAAqC;CACrC,2BAA2B;CAC3B,yBAAyB;CACzB,oBAAoB;CACpB,qBAAqB;CACrB,iBAAiB;CACjB,gBAAgB;CAChB,mBAAmB;CACnB,iBAAiB;CACjB,oBAAoB;CACpB,mCAAmC;CACnC,gCAAgC;CAChC,mCAAmC;CACnC,6BAA6B;CAC7B,kCAAkC;CAClC,0BAA0B;CAC1B,uBAAuB;CACvB,8BAA8B;CAC9B,6BAA6B;CAC7B,uBAAuB;CACvB,oBAAoB;CACpB,2BAA2B;CAC3B,wBAAwB;CACxB,0BAA0B;CAC1B,wBAAwB;CACxB,qBAAqB;CACrB,4BAA4B;CAC5B,2BAA2B;AAC7B;;;;ACtEA,IAAa,cAAc;AAE3B,IAAA,mBAAe;CACb,OAAO;EACL,IAAI;EACJ,SAAS;EACT,QAAQ;EACR,eAAe;EACf,iBAAiB;EACjB,eAAe;EACf,cAAc;EACd,sBAAsB,CAAC;EACvB,cAAc,EAAE,GAAG,sBAAsB;EACzC,iBAAiB;EACjB,0BAA0B,CAAC;EAC3B,QAAQ;GACN,eAAe;GACf,0BAA0B;GAC1B,uBAAuB;GACvB,mBAAmB;GACnB,mBAAmB;GACnB,uBAAuB;GACvB,0BAA0B;GAC1B,iBAAiB;GACjB,eAAe;GACf,eAAe;GACf,iBAAiB;GACjB,kBAAkB;GAClB,mBAAmB;GACnB,oBAAoB;EACtB;EACA,cAAc;EACd,UAAU,oBAAoB,YAAY;EAC1C,YAAY;EACZ,SAAS;GACP;IAAE,IAAI;IAAM,WAAW;GAAkB;GACzC;IAAE,IAAI;IAAM,WAAW;GAAkB;GACzC;IAAE,IAAI;IAAM,WAAW;GAAkB;EAC3C;EACA,iBAAiB;EACjB,UAAU;EACV,sBAAsB;EACtB,sBAAsB;EACtB,UAAU;EACV,iBAAiB;EACjB,QAAQ;EACR,qBAAqB;EACrB,4BAA4B;CAC9B;CACA,eAAe,EACb,QAAQ;EACN,OAAO;EACP,UAAU;CACZ,EACF;AACF;;;ACnDA,IAAM,iBAAiB,UACrB,CAAC,CAAC,SACF,OAAO,UAAU,YACjB,CAAC,MAAM,QAAQ,KAAK,KACpB,OAAO,KAAK,KAAgC,CAAC,CAAC,WAAW;AAE3D,SAAgB,iBAAiB,UAA0B;CACzD,IAAI,CAAC,UAAU,OAAO;CAEtB,QAAQ,SAAS,MAAM,gBAAE,KAAK,CAAC,EAAA,CAAG;AACpC;AAEA,IAAa,kBAAkB,UAAwB,YAA0C;CAC/F,IAAI,CAAC,SAAS,UACZ,OAAO;CAET,MAAM,UAAU,UAAU,mBAAmB;CAC7C,IAAI,QAAQ,aAAa,SACvB,OAAO;CAET,OAAO;AACT;AAEA,IAAa,mBAAmB,WAAyB,YAAyB;CAChF,IAAI,CAAC,WAAW,cAAc,OAAO,KAAK,CAAC,QAAQ,UACjD,OAAO;CAET,OAAO;AACT;AAEA,IAAa,WAAW,UAAwB,SAAsB,QACpE,IAAI,SAAS,YAAY;CACvB,IAAI,CAAC,WAAW,cAAc,OAAO,GAAG;EACtC,QAAQ;GACN,OAAO;GACP,OAAO;GACP,UAAU,CAAC,iDAAiD;EAC9D,CAAC;EACD;CACF;CAEA,UAAU,iBAAiB,OAAO;CAClC,MAAM,cAAc,eAAe,UAAU,OAAO;CAEpD,IAAI,gBAAgB,cAAc;EAChC,QAAQ;GACN,OAAO;GACP,OAAO;GACP,UAAU,CAAC,iDAAiD;EAC9D,CAAC;EACD;CACF;CAEA,MAAM,QAAQ,gBAAgB,YAAY,IAAI;CAO9C,QAAQ;EAAE;EAAO,OAAO;EAAO,UAAA;GAL7B,SAAS,KAAK,QAAQ,UAAU;GAChC,4BAA4B,QAAQ,SAAS;GAC7C,mBAAmB,UAAU,mBAAmB,OAAO;GACvD,gBAAgB,MAAM;EAEO;CAAS,CAAC;AAC3C,CAAC;AAEH,IAAa,sBAAsB,QAAsB,CAAC,OAAO;CAC/D,GAAG,iBAAS;CACZ,GAAG;CACH,cAAc;EACZ,GAAG;EACH,GAAI,OAAO,gBAAgB,CAAC;CAC9B;AACF;AAEA,IAAa,aAAa,WAAyB,CAAC,MAAM,mBAAmB,QAAQ;AAErF,IAAa,oBAAoB,OAAiC,EAAE,GAAG,EAAE;AAEzE,IAAM,wBAAwB,aAA2B,CAAC,CAAC,UAAU;AAErE,IAAM,qBAAqB,UAAwB,QAAiB;CAClE,IAAI,UAAU,iBAAiB,OAAO;CACtC,IAAI,MAAM,eAAe,EAAE,iBAAiB,OAAO;CACnD,OAAO,KAAK,SAAS;AACvB;AAEA,SAAS,aAAgB,OAAiB;CACxC,MAAM,MAAM,CAAC,GAAG,KAAK;CACrB,KAAK,IAAI,IAAI,IAAI,SAAS,GAAG,IAAI,GAAG,KAAK;EACvC,MAAM,IAAI,KAAK,MAAM,KAAK,OAAO,KAAK,IAAI,EAAE;EAC5C,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;CACpC;CACA,OAAO;AACT;AAEA,IAAM,oBAAoB,YACxB,MAAM,QAAQ,SAAS,MAAM,cAAc,IACvC,QAAQ,KAAK,iBACb,MAAM,QAAQ,SAAS,cAAc,IACnC,QAAQ,iBACR,CAAC;AAET,IAAM,uBACJ,SACA,gBACA,cACG;CACH,MAAM,iBAAiB,eACpB,KAAK,UAAU,QAAQ,MAAM,WAAW,SAAS,eAAe,KAAK,CAAC,CAAC,CACvE,QAAQ,MAAuB,CAAC,CAAC,CAAC;CAErC,IAAI,eAAe,WAAW,QAAQ,QACpC,OAAO;CAGT,MAAM,gBAAgB,IAAI,IAAI,eAAe,KAAK,WAAW,OAAO,UAAU,CAAC;CAC/E,MAAM,YAAY,QAAQ,QAAQ,WAAW,CAAC,cAAc,IAAI,SAAS,UAAU,CAAC;CACpF,OAAO,CAAC,GAAG,gBAAgB,GAAG,SAAS;AACzC;AAQA,IAAM,oBAAoB,OACxB,UACA,SACA,KACA,kBACG;CACH,MAAM,UAAU,MAAM,QAAQ,UAAU,OAAO,IAAI,CAAC,GAAG,SAAS,OAAO,IAAI,CAAC;CAC5E,IAAI,CAAC,QAAQ,UAAU,CAAC,qBAAqB,QAAQ,GACnD,OAAO;CAGT,IAAI,kBAAkB,UAAU,OAAO,CAAC,CAAC,GACvC,OAAO;CAGT,MAAM,iBAAiB,iBAAiB,OAAO;CAC/C,IAAI,eAAe,QACjB,OAAO,oBAAoB,SAAS,gBAAgB,IAAI;CAG1D,MAAM,kBAAkB,aAAa,OAAO;CAE5C,IAAI,iBAAiB,OAAO,kBAAkB,cAAc,SAAS,MAAM,SAAS,SAAS;EAC3F,MAAM,cAAc,gBAAgB,KAAK,WAAW,QAAQ,EAAE,CAAC,CAAC,OAAO,OAAO;EAC9E,IAAI,YAAY,QACd,MAAM,cAAc,QAAQ,IAAI,QAAQ,SAAS,EAAE,gBAAgB,YAAY,CAAC;CAEpF;CAEA,OAAO;AACT;AAEA,IAAa,QAAQ,OACnB,UACA,SACA,KACA,kBACG;CACH,MAAM,cAA2B,WAAW,CAAC;CAC7C,MAAM,UAAmB,OAAO,CAAC;CACjC,MAAM,qBAAqB,UAAU,QAAQ;CAC7C,MAAM,UAAU,MAAM,kBAAkB,oBAAoB,aAAa,SAAS,aAAa;CAE/F,MAAM,MAA+B;EACnC,QAAQ,mBAAmB,gBAAgB,mBAAmB,SAAS;EACvE,iBAAiB,mBAAmB,mBAAmB;EACvD,eAAe,mBAAmB,iBAAiB;EACnD,cAAc,mBAAmB,gBAAgB;EACjD,sBACE,mBAAmB,wBACnB,OAAO,mBAAmB,yBAAyB,WAC/C,mBAAmB,uBACnB,CAAC;EACP,cAAc,mBAAmB,gBAAgB,EAAE,GAAG,sBAAsB;EAC5E,iBACE,mBAAmB,mBAAmB,OAAO,mBAAmB,oBAAoB,WAChF,mBAAmB,kBACnB;EACN,0BACE,mBAAmB,4BACnB,OAAO,mBAAmB,6BAA6B,WACnD,mBAAmB,2BACnB,CAAC;EACP,QACE,mBAAmB,UAAU,OAAO,mBAAmB,WAAW,WAC9D,mBAAmB,SACnB,CAAC;EACP,cAAc,mBAAmB,gBAAgB;EACjD,UAAU,mBAAmB;EAC7B,YAAY,mBAAmB;EAC/B;EACA,UAAU,mBAAmB;EAC7B,sBAAsB,CAAC,CAAC,mBAAmB;EAC3C,sBAAsB,CAAC,CAAC,mBAAmB;EAC3C,UAAU,mBAAmB,WAAW,mBAAmB,WAAW;EACtE,iBAAiB,mBAAmB,WAAW,mBAAmB,kBAAkB;EACpF,YAAY,mBAAmB,cAAc;EAC7C,uBACE,OAAO,mBAAmB,0BAA0B,YAChD,mBAAmB,wBACnB,KAAA;EACN,QAAQ,mBAAmB,UAAU;EACrC,UAAU,QAAQ,SAAS;EAC3B,MAAM,QAAQ;CAChB;CAEA,IAAI,QAAQ,SAAS,YAAY;EAC/B,MAAM,cAAc,eAAe,oBAAoB,WAAW;EAClE,IAAI,cAAc;EAClB,IAAI,kBAAkB,gBAAgB;EACtC,IAAI,kBAAkB,mBAAmB;CAC3C;CAEA,IAAI,QAAQ,SAAS,iBAAiB,QAAQ,SAAS,UAAU,QAAQ,SAAS,aAChF,IAAI,sBAAsB,mBAAmB,6BACzC,mBAAmB,sBACnB;MAEJ,IAAI,sBAAsB;CAG5B,OAAO;AACT;AAEA,IAAa,gCAAgC,UAAwB,QAAiB;CACpF,OAAO,IAAI,SAAS,YAAY;EAC9B,IAAI,IAAI,SAAS,cAAc,IAAI,SAAS,cAC1C,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,UAAU,UAAU,mBAAmB;EACzC,CAAC;OAED,QAAQ,IAAI;CAEhB,CAAC;AACH;AAEA,IAAa,YAAY,WAAyB,CAAC,GAAG,UAAmC,CAAC,MAAM;CAC9F,MAAM,SAAiC,CAAC;CAExC,IAAI,SAAS,eAAe;EAC1B,MAAM,IAAI,SAAS,QAAQ,KAAK,KAAK;EACrC,IAAI,CAAC,KAAK,MAAM,WACd,OAAO,SAAS;CAEpB;CAEA,MAAM,kBAAkB,SAAS,mBAAmB;CAEpD,MAAM,IAAI,iBADO,SAAS,YAAY,EACH;CACnC,IAAI,oBAAoB;MAClB,IAAI,GACN,OAAO,WAAW,2BAA2B,YAAY;CAAA,OAEtD,IAAI,oBAAoB;MACzB,MAAM,GACR,OAAO,WAAW,qCAAqC,YAAY;OAC9D,IAAI,IAAI,GACb,OAAO,WAAW,kCAAkC,YAAY;CAAA,OAGlE,OAAO,kBAAkB;CAG3B,MAAM,UAAU,MAAM,QAAQ,SAAS,OAAO,IAAI,SAAS,UAAU,CAAC;CACtE,IAAI,QAAQ,SAAS,GACnB,OAAO,UAAU;CAGnB,MAAM,OAAO,SAAS,cAAc;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;EACvC,MAAM,IAAI,QAAQ;EAClB,IAAI,CAAC,GAAG,IAAI;GACV,OAAO,UAAU,UAAU,IAAI,EAAE;GACjC;EACF;EACA,IAAI,SAAS,QAAQ;GACnB,MAAM,OAAO,EAAE,aAAa,GAAA,CAAI,KAAK;GACrC,IAAI,CAAC,OAAO,QAAQ,WAAW;IAC7B,OAAO,UAAU,UAAU,IAAI,EAAE;IACjC;GACF;EACF,OAAO;GACL,IAAI,CAAC,EAAE,UAAU,KAAK,GAAG;IACvB,OAAO,UAAU,UAAU,IAAI,EAAE;IACjC;GACF;GACA,IAAI,CAAC,EAAE,UAAU,KAAK,GAAG;IACvB,OAAO,UAAU,UAAU,IAAI,EAAE;IACjC;GACF;EACF;CACF;CAEA,MAAM,UAAU,SAAS;CACzB,IAAI,CAAC,WAAW,CAAC,QAAQ,MAAM,MAAM,EAAE,OAAO,OAAO,GACnD,OAAO,kBAAkB;CAG3B,IAAI,SAAS;MAEP,CAAC,CADgB,CAAC,SAAS,UAAU,KAAK,GAE5C,OAAO,WAAW;CAAA;CAItB,MAAM,SAAS,UAAU;CACzB,IAAI,UAAU,OAAO,WAAW,UAsC9B,KAAK,MAAM,OAAO;EApChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAEgB,GAAkB;EAClC,IAAI,OAAO,SAAS,KAAA,KAAa,OAAO,SAAS,MAAM;EACvD,MAAM,QAAQ,OAAO,OAAO,IAAI;EAChC,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;GACzC,OAAO,eAAe,GAAG,IAAI;GAC7B;EACF;CACF;CAGF,OAAO;AACT"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/shared/layoutLimits.ts","../../src/controller/defaults.ts","../../src/controller/index.ts"],"sourcesContent":["export type LayoutLimits = {\n  blankStandaloneWidthRem: number;\n  blankWideWidthRem: number;\n  blankUnderlineWidthPx: number;\n  blankUnderlineWideWidthPx: number;\n  horizontalChoiceWidthPx: number;\n  horizontalChoiceWidthVw: number;\n  horizontalChoiceTileMinHeightRem: number;\n  horizontalChoiceContentMinHeightRem: number;\n  choiceImageMaxHeightRem: number;\n  choiceImageMaxWidthRem: number;\n  listenButtonSizePx: number;\n  stimulusMinColumnPx: number;\n  textMinColumnPx: number;\n  legendMaxChars: number;\n  choiceGroupGapRem: number;\n  choiceRowGapRem: number;\n  toggleButtonGapRem: number;\n  horizontalChoiceRadioTopMarginRem: number;\n  audioBlankTemplateMarginTopRem: number;\n  audioBlankTemplateMarginBottomRem: number;\n  audioInstructionsMaxWidthPx: number;\n  narrowHorizontalChoiceMaxWidthPx: number;\n  stimulusGridColumnGapRem: number;\n  stimulusGridRowGapRem: number;\n  stimulusSentenceMarginTopRem: number;\n  stimulusChoicesMarginTopRem: number;\n  tokenGridColumnGapRem: number;\n  tokenGridRowGapRem: number;\n  tokenTemplateMarginTopRem: number;\n  tokenInlineTokenGapRem: number;\n  tokenChoicesMarginTopRem: number;\n  inlineGridColumnGapRem: number;\n  inlineGridRowGapRem: number;\n  inlineTemplateMarginTopRem: number;\n  inlineChoicesMarginTopRem: number;\n};\n\n/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */\nexport const DEFAULT_LAYOUT_LIMITS: LayoutLimits = {\n  blankStandaloneWidthRem: 7,\n  blankWideWidthRem: 10,\n  blankUnderlineWidthPx: 2,\n  blankUnderlineWideWidthPx: 4,\n  horizontalChoiceWidthPx: 170,\n  horizontalChoiceWidthVw: 30,\n  horizontalChoiceTileMinHeightRem: 11,\n  horizontalChoiceContentMinHeightRem: 7.5,\n  // 9.375rem = 150px at the standard 16px root font size — Learnosity graphic-choice\n  // SVGs are authored at 150x150; images up to that size must render at full size.\n  // Shared by the choice tile image and the selected-answer image inside the cloze\n  // blank, so the same choice image always renders at the same size in both places.\n  choiceImageMaxHeightRem: 9.375,\n  choiceImageMaxWidthRem: 9.375,\n  listenButtonSizePx: 128,\n  stimulusMinColumnPx: 210,\n  textMinColumnPx: 260,\n  legendMaxChars: 120,\n  choiceGroupGapRem: 0.5,\n  choiceRowGapRem: 0.5,\n  toggleButtonGapRem: 0.5,\n  horizontalChoiceRadioTopMarginRem: 0.5,\n  audioBlankTemplateMarginTopRem: 0.8,\n  audioBlankTemplateMarginBottomRem: 1.8,\n  audioInstructionsMaxWidthPx: 875,\n  narrowHorizontalChoiceMaxWidthPx: 230,\n  stimulusGridColumnGapRem: 2,\n  stimulusGridRowGapRem: 0.7,\n  stimulusSentenceMarginTopRem: 0.2,\n  stimulusChoicesMarginTopRem: 0.9,\n  tokenGridColumnGapRem: 1.5,\n  tokenGridRowGapRem: 0.8,\n  tokenTemplateMarginTopRem: 0.6,\n  tokenInlineTokenGapRem: 0.35,\n  tokenChoicesMarginTopRem: 0.2,\n  inlineGridColumnGapRem: 1.5,\n  inlineGridRowGapRem: 0.65,\n  inlineTemplateMarginTopRem: 0.45,\n  inlineChoicesMarginTopRem: 0.25,\n};\n","import { DEFAULT_LAYOUT_LIMITS } from '../shared/layoutLimits';\n\nexport { DEFAULT_LAYOUT_LIMITS };\n\n/** Token authors must include exactly once in `template` (HTML). */\nexport const BLANK_TOKEN = '{{blank}}';\n\nexport default {\n  model: {\n    id: '1',\n    element: 'mc-populated-blank',\n    prompt: '<p><strong>Demo prompt</strong></p>',\n    promptEnabled: true,\n    interactionMode: 'populate_blank' as const,\n    layoutProfile: '',\n    choiceLayout: '',\n    layoutProfilePresets: {},\n    layoutLimits: { ...DEFAULT_LAYOUT_LIMITS },\n    audioButtonSkin: null,\n    audioButtonSkinsByLocale: {},\n    uiText: {\n      answerChoices: 'Answer choices',\n      selectedAnswerInSentence: 'blank',\n      blankPreSelectionHint: 'The answer you choose will appear on the blank line above.',\n      showCorrectAnswer: 'Show correct answer',\n      hideCorrectAnswer: 'Hide correct answer',\n      clickToEnableAutoplay: 'Click to enable audio autoplay',\n      audioResourceUnavailable: 'Audio is enabled but no playable audio URL is configured.',\n      transcriptLabel: 'Transcript',\n      listenLabelEn: 'Listen',\n      listenLabelEs: 'Escuchar',\n      listenSilentAlt: 'Repeat instructions',\n      listenPlayingAlt: 'Instructions are playing',\n      listenSilentAltEs: 'Escuchar. Repetir las instrucciones.',\n      listenPlayingAltEs: 'Escuchar. Estas son las instrucciones.',\n    },\n    sentenceHtml: '',\n    template: `<p>The answer is ${BLANK_TOKEN}.</p>`,\n    choiceMode: 'text' as const,\n    choices: [\n      { id: 'c1', labelHtml: '<p>Option A</p>' },\n      { id: 'c2', labelHtml: '<p>Option B</p>' },\n      { id: 'c3', labelHtml: '<p>Option C</p>' },\n    ],\n    correctChoiceId: 'c2',\n    hasAudio: false,\n    autoplayAudioEnabled: false,\n    completeAudioEnabled: false,\n    audioUrl: '',\n    audioTranscript: '',\n    locale: '',\n    teacherInstructions: '',\n    teacherInstructionsEnabled: false,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n","import defaults, { BLANK_TOKEN, DEFAULT_LAYOUT_LIMITS } from './defaults';\nimport type {\n  McpbChoice,\n  McpbQuestion,\n  McpbSession,\n  McpbEnv,\n  McpbCorrectness,\n} from '../shared/types';\n\nconst isEmptyObject = (value: unknown): boolean =>\n  !!value &&\n  typeof value === 'object' &&\n  !Array.isArray(value) &&\n  Object.keys(value as Record<string, unknown>).length === 0;\n\nexport function countBlankTokens(template: string): number {\n  if (!template) return 0;\n  const re = /\\{\\{blank\\}\\}/g;\n  return (template.match(re) || []).length;\n}\n\nexport const getCorrectness = (question: McpbQuestion, session: McpbSession): McpbCorrectness => {\n  if (!session?.choiceId) {\n    return 'unanswered';\n  }\n  const correct = question?.correctChoiceId || '';\n  if (session.choiceId === correct) {\n    return 'correct';\n  }\n  return 'incorrect';\n};\n\nexport const getPartialScore = (_question: McpbQuestion, session: McpbSession) => {\n  if (!session || isEmptyObject(session) || !session.choiceId) {\n    return 0;\n  }\n  return 1;\n};\n\nexport const outcome = (question: McpbQuestion, session: McpbSession, env: McpbEnv) =>\n  new Promise((resolve) => {\n    if (!session || isEmptyObject(session)) {\n      resolve({\n        score: 0,\n        empty: true,\n        traceLog: ['Student did not select any answers. Score is 0.'],\n      });\n      return;\n    }\n\n    session = normalizeSession(session);\n    const correctness = getCorrectness(question, session);\n\n    if (correctness === 'unanswered') {\n      resolve({\n        score: 0,\n        empty: true,\n        traceLog: ['Student did not select any answers. Score is 0.'],\n      });\n      return;\n    }\n\n    const score = correctness === 'correct' ? 1 : 0;\n    const traceLog = [\n      `Mode: ${env?.mode || 'unknown'}.`,\n      `Student selected choice: ${session.choiceId}.`,\n      `Correct choice: ${question?.correctChoiceId || 'none'}.`,\n      `Final score: ${score}.`,\n    ];\n    resolve({ score, empty: false, traceLog });\n  });\n\nexport const createDefaultModel = (model: McpbQuestion = {}) => ({\n  ...defaults.model,\n  ...model,\n  layoutLimits: {\n    ...DEFAULT_LAYOUT_LIMITS,\n    ...(model?.layoutLimits || {}),\n  },\n});\n\nexport const normalize = (question: McpbQuestion = {}) => createDefaultModel(question);\n\nexport const normalizeSession = (s: McpbSession): McpbSession => ({ ...s });\n\nconst shouldShuffleChoices = (question: McpbQuestion) => !!question?.shuffle;\n\nconst shouldLockChoices = (question: McpbQuestion, env: McpbEnv) => {\n  if (question?.lockChoiceOrder) return true;\n  if (env?.['@pie-element']?.lockChoiceOrder) return true;\n  return env?.role === 'instructor';\n};\n\nfunction shuffleArray<T>(items: T[]): T[] {\n  const out = [...items];\n  for (let i = out.length - 1; i > 0; i--) {\n    const j = Math.floor(Math.random() * (i + 1));\n    [out[i], out[j]] = [out[j], out[i]];\n  }\n  return out;\n}\n\nconst getStoredShuffle = (session: McpbSession): string[] =>\n  Array.isArray(session?.data?.shuffledValues)\n    ? session.data.shuffledValues\n    : Array.isArray(session?.shuffledValues)\n      ? session.shuffledValues\n      : [];\n\nconst applyShuffledValues = (\n  choices: McpbChoice[],\n  shuffledValues: string[],\n  choiceKey: keyof McpbChoice\n) => {\n  const orderedChoices = shuffledValues\n    .map((value) => choices.find((choice) => choice?.[choiceKey] === value))\n    .filter((c): c is McpbChoice => !!c);\n\n  if (orderedChoices.length === choices.length) {\n    return orderedChoices;\n  }\n\n  const orderedValues = new Set(orderedChoices.map((choice) => choice[choiceKey]));\n  const leftovers = choices.filter((choice) => !orderedValues.has(choice?.[choiceKey]));\n  return [...orderedChoices, ...leftovers];\n};\n\ntype UpdateSessionFn = (\n  id: string,\n  element: string,\n  data: { shuffledValues: string[] }\n) => Promise<void>;\n\nconst getOrderedChoices = async (\n  question: McpbQuestion,\n  session: McpbSession,\n  env: McpbEnv,\n  updateSession?: UpdateSessionFn\n) => {\n  const choices = Array.isArray(question?.choices) ? [...question.choices] : [];\n  if (!choices.length || !shouldShuffleChoices(question)) {\n    return choices;\n  }\n\n  if (shouldLockChoices(question, env || {})) {\n    return choices;\n  }\n\n  const shuffledValues = getStoredShuffle(session);\n  if (shuffledValues.length) {\n    return applyShuffledValues(choices, shuffledValues, 'id');\n  }\n\n  const shuffledChoices = shuffleArray(choices);\n\n  if (updateSession && typeof updateSession === 'function' && session?.id && session?.element) {\n    const shuffledIds = shuffledChoices.map((choice) => choice?.id).filter(Boolean);\n    if (shuffledIds.length) {\n      await updateSession(session.id, session.element, { shuffledValues: shuffledIds });\n    }\n  }\n\n  return shuffledChoices;\n};\n\nexport const model = async (\n  question: McpbQuestion,\n  session: McpbSession | null,\n  env: McpbEnv | null,\n  updateSession?: UpdateSessionFn\n) => {\n  const safeSession: McpbSession = session || {};\n  const safeEnv: McpbEnv = env || {};\n  const normalizedQuestion = normalize(question);\n  const choices = await getOrderedChoices(normalizedQuestion, safeSession, safeEnv, updateSession);\n\n  const out: Record<string, unknown> = {\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    interactionMode: normalizedQuestion.interactionMode || 'populate_blank',\n    layoutProfile: normalizedQuestion.layoutProfile || '',\n    choiceLayout: normalizedQuestion.choiceLayout || '',\n    layoutProfilePresets:\n      normalizedQuestion.layoutProfilePresets &&\n      typeof normalizedQuestion.layoutProfilePresets === 'object'\n        ? normalizedQuestion.layoutProfilePresets\n        : {},\n    layoutLimits: normalizedQuestion.layoutLimits || { ...DEFAULT_LAYOUT_LIMITS },\n    audioButtonSkin:\n      normalizedQuestion.audioButtonSkin && typeof normalizedQuestion.audioButtonSkin === 'object'\n        ? normalizedQuestion.audioButtonSkin\n        : null,\n    audioButtonSkinsByLocale:\n      normalizedQuestion.audioButtonSkinsByLocale &&\n      typeof normalizedQuestion.audioButtonSkinsByLocale === 'object'\n        ? normalizedQuestion.audioButtonSkinsByLocale\n        : {},\n    uiText:\n      normalizedQuestion.uiText && typeof normalizedQuestion.uiText === 'object'\n        ? normalizedQuestion.uiText\n        : {},\n    sentenceHtml: normalizedQuestion.sentenceHtml || null,\n    template: normalizedQuestion.template,\n    choiceMode: normalizedQuestion.choiceMode,\n    choices,\n    hasAudio: normalizedQuestion.hasAudio,\n    autoplayAudioEnabled: !!normalizedQuestion.autoplayAudioEnabled,\n    completeAudioEnabled: !!normalizedQuestion.completeAudioEnabled,\n    audioUrl: normalizedQuestion.hasAudio ? normalizedQuestion.audioUrl : null,\n    audioTranscript: normalizedQuestion.hasAudio ? normalizedQuestion.audioTranscript : null,\n    customType: normalizedQuestion.customType || '',\n    useFeatureButtonAudio:\n      typeof normalizedQuestion.useFeatureButtonAudio === 'boolean'\n        ? normalizedQuestion.useFeatureButtonAudio\n        : undefined,\n    locale: normalizedQuestion.locale || '',\n    disabled: safeEnv.mode !== 'gather',\n    mode: safeEnv.mode,\n  };\n\n  if (safeEnv.mode === 'evaluate') {\n    const correctness = getCorrectness(normalizedQuestion, safeSession);\n    out.correctness = correctness;\n    out.responseCorrect = correctness === 'correct';\n    out.correctChoiceId = normalizedQuestion.correctChoiceId;\n  }\n\n  if (safeEnv.role === 'instructor' && (safeEnv.mode === 'view' || safeEnv.mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n};\n\nexport const createCorrectResponseSession = (question: McpbQuestion, env: McpbEnv) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({\n        id: '1',\n        element: 'mc-populated-blank',\n        choiceId: question?.correctChoiceId || '',\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (question: McpbQuestion = {}, _config: Record<string, unknown> = {}) => {\n  const errors: Record<string, string> = {};\n\n  if (question.promptEnabled) {\n    const p = question.prompt?.trim() || '';\n    if (!p || p === '<p></p>') {\n      errors.prompt = 'Prompt is required when prompt is enabled';\n    }\n  }\n\n  const interactionMode = question.interactionMode || 'populate_blank';\n  const template = question.template || '';\n  const n = countBlankTokens(template);\n  if (interactionMode === 'audio_mc_only') {\n    if (n > 0) {\n      errors.template = `Template cannot contain ${BLANK_TOKEN} in audio-only mode`;\n    }\n  } else if (interactionMode === 'populate_blank') {\n    if (n === 0) {\n      errors.template = `Template must contain exactly one ${BLANK_TOKEN} placeholder`;\n    } else if (n > 1) {\n      errors.template = `Template must contain only one ${BLANK_TOKEN} placeholder`;\n    }\n  } else {\n    errors.interactionMode = 'Unknown interaction mode';\n  }\n\n  const choices = Array.isArray(question.choices) ? question.choices : [];\n  if (choices.length < 2) {\n    errors.choices = 'At least two choices are required';\n  }\n\n  const mode = question.choiceMode || 'text';\n  for (let i = 0; i < choices.length; i++) {\n    const c = choices[i];\n    if (!c?.id) {\n      errors.choices = `Choice ${i + 1} is missing an id`;\n      break;\n    }\n    if (mode === 'text') {\n      const lbl = (c.labelHtml || '').trim();\n      if (!lbl || lbl === '<p></p>') {\n        errors.choices = `Choice ${i + 1} needs label text`;\n        break;\n      }\n    } else {\n      if (!c.imageUrl?.trim()) {\n        errors.choices = `Choice ${i + 1} needs an image URL`;\n        break;\n      }\n      if (!c.imageAlt?.trim()) {\n        errors.choices = `Choice ${i + 1} needs image alt text`;\n        break;\n      }\n    }\n  }\n\n  const correct = question.correctChoiceId;\n  if (!correct || !choices.some((c) => c.id === correct)) {\n    errors.correctChoiceId = 'Correct choice must match one of the choice ids';\n  }\n\n  if (question.hasAudio) {\n    const hasAudioUrl = !!question.audioUrl?.trim();\n    if (!hasAudioUrl) {\n      errors.audioUrl = 'A playable audio URL is required when audio is enabled';\n    }\n  }\n\n  const limits = question?.layoutLimits;\n  if (limits && typeof limits === 'object') {\n    const numericLimitKeys = [\n      'blankStandaloneWidthRem',\n      'blankWideWidthRem',\n      'blankUnderlineWidthPx',\n      'blankUnderlineWideWidthPx',\n      'horizontalChoiceWidthPx',\n      'horizontalChoiceWidthVw',\n      'horizontalChoiceTileMinHeightRem',\n      'horizontalChoiceContentMinHeightRem',\n      'choiceImageMaxHeightRem',\n      'choiceImageMaxWidthRem',\n      'listenButtonSizePx',\n      'stimulusMinColumnPx',\n      'textMinColumnPx',\n      'legendMaxChars',\n      'choiceGroupGapRem',\n      'choiceRowGapRem',\n      'toggleButtonGapRem',\n      'horizontalChoiceRadioTopMarginRem',\n      'audioBlankTemplateMarginTopRem',\n      'audioBlankTemplateMarginBottomRem',\n      'audioInstructionsMaxWidthPx',\n      'narrowHorizontalChoiceMaxWidthPx',\n      'stimulusGridColumnGapRem',\n      'stimulusGridRowGapRem',\n      'stimulusSentenceMarginTopRem',\n      'stimulusChoicesMarginTopRem',\n      'tokenGridColumnGapRem',\n      'tokenGridRowGapRem',\n      'tokenTemplateMarginTopRem',\n      'tokenInlineTokenGapRem',\n      'tokenChoicesMarginTopRem',\n      'inlineGridColumnGapRem',\n      'inlineGridRowGapRem',\n      'inlineTemplateMarginTopRem',\n      'inlineChoicesMarginTopRem',\n    ] as const;\n    for (const key of numericLimitKeys) {\n      if (limits[key] === undefined || limits[key] === null) continue;\n      const value = Number(limits[key]);\n      if (!Number.isFinite(value) || value <= 0) {\n        errors.layoutLimits = `${key} must be a positive number when provided`;\n        break;\n      }\n    }\n  }\n\n  return errors;\n};\n"],"mappings":"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"}

package/dist/delivery/index.js

@@ -5568,13 +5568,13 @@ create_custom_element(AudioPlayer, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ClozeMarker.svelte
-var root$2 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
+var root$2 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-width:var(--mpb-choice-image-max-width, 9.375rem);max-height:var(--mpb-choice-image-max-height, 9.375rem);"/>`);
 var root_1$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-value pie-blank-value svelte-d9l5tb"></span>`);
 var root_2$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-empty svelte-d9l5tb"><span aria-hidden="true">&nbsp;</span> <span class="sr-only svelte-d9l5tb">(blank)</span></span>`);
 var root_3$2 = /* @__PURE__ */ from_html(`<span role="status" aria-live="polite" aria-atomic="true"><!></span>`);
 var $$css$2 = {
 	hash: "svelte-d9l5tb",
-	code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--mpb-focus-ring, #1565c0);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}.sr-only.svelte-d9l5tb {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
+	code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--mpb-focus-ring, #1565c0);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}\n\n  /* Same 150x150 content-element constraint as ChoiceRow.svelte's .choice-html\n     img — the selected choice's raw labelHtml can carry an embedded <img> here\n     too, regardless of customType. See CONTOOL-3159. */.cloze-marker-value.svelte-d9l5tb img {width:150px;height:150px;}.sr-only.svelte-d9l5tb {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
 };
 function ClozeMarker($$anchor, $$props) {
 	push($$props, true);
@@ -5675,15 +5675,16 @@ create_custom_element(ClozeMarker, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ChoiceRow.svelte
-var root$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-width:var(--mpb-choice-image-max-width, 9.375rem);max-height:var(--mpb-choice-image-max-height, 9.375rem);"/>`);
 var root_1$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
 var root_2$1 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt"><span class="choice-tile-content pie-choice-tile-content svelte-8xu1pt"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt"/></label>`);
-var root_3$1 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt"><!></label>`, 1);
-var root_4$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
-var root_5$1 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
+var root_3$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_4$1 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt"><!></label>`, 1);
+var root_5$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
+var root_6$1 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
 var $$css$1 = {
 	hash: "svelte-8xu1pt",
-	code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-background-dark, #ecedf1));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-background-dark, #ecedf1);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-tertiary, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-incorrect-icon, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-secondary, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-incorrect-secondary, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-white, #ffffff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-icon, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-incorrect-icon, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
+	code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-background-dark, #ecedf1));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-background-dark, #ecedf1);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-tertiary, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-incorrect-icon, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-secondary, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-incorrect-secondary, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-white, #ffffff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-icon, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-incorrect-icon, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}\n\n  /* Choices carrying raw <img> markup in labelHtml (rather than the dedicated\n     imageUrl/imageAlt fields) render unconstrained at their authored size\n     otherwise — 3rd-party/CQT-sourced content is typically authored well above\n     the platform's 150x150 content-element spec. Applies regardless of\n     customType, unlike the r1-CQT-specific cqt-css overlays. See CONTOOL-3159. */.choice-html.svelte-8xu1pt img {width:150px;height:150px;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
 };
 function ChoiceRow($$anchor, $$props) {
 	push($$props, true);
@@ -5754,7 +5755,7 @@ function ChoiceRow($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var div = root_5$1();
+	var div = root_6$1();
 	var node = child(div);
 	var consequent_1 = ($$anchor) => {
 		var label = root_2$1();
@@ -5793,13 +5794,13 @@ function ChoiceRow($$anchor, $$props) {
 		append($$anchor, label);
 	};
 	var alternate_2 = ($$anchor) => {
-		var fragment = root_3$1();
+		var fragment = root_4$1();
 		var input_1 = first_child(fragment);
 		remove_input_defaults(input_1);
 		var label_1 = sibling(input_1, 2);
 		var node_2 = child(label_1);
 		var consequent_2 = ($$anchor) => {
-			var img_1 = root$1();
+			var img_1 = root_3$1();
 			template_effect(() => {
 				set_attribute(img_1, "src", choice().imageUrl);
 				set_attribute(img_1, "alt", choice().imageAlt || `Choice ${choice().id}`);
@@ -5833,7 +5834,7 @@ function ChoiceRow($$anchor, $$props) {
 	});
 	var node_3 = sibling(node, 2);
 	var consequent_3 = ($$anchor) => {
-		var span_3 = root_4$1();
+		var span_3 = root_5$1();
 		var text = only_child(span_3, true);
 		template_effect(() => {
 			set_class(span_3, 1, `pie-choice-feedback-badge ${correctness() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt");
@@ -5929,8 +5930,8 @@ var DEFAULT_LAYOUT_LIMITS = {
 	horizontalChoiceWidthVw: 30,
 	horizontalChoiceTileMinHeightRem: 11,
 	horizontalChoiceContentMinHeightRem: 7.5,
-	selectedImageMaxHeightRem: 4,
-	choiceImageMaxHeightRem: 5,
+	choiceImageMaxHeightRem: 9.375,
+	choiceImageMaxWidthRem: 9.375,
 	listenButtonSizePx: 128,
 	stimulusMinColumnPx: 210,
 	textMinColumnPx: 260,
@@ -6001,8 +6002,8 @@ var CSS_VAR_SPEC = {
 		varName: "--mpb-choice-image-max-height",
 		unit: "rem"
 	},
-	selectedImageMaxHeightRem: {
-		varName: "--mpb-selected-image-max-height",
+	choiceImageMaxWidthRem: {
+		varName: "--mpb-choice-image-max-width",
 		unit: "rem"
 	},
 	choiceGroupGapRem: {
@@ -6208,7 +6209,7 @@ function computeLegendText(params) {
 }
 //#endregion
 //#region src/delivery/cqt-css/sel-r1-base.css?raw
-var sel_r1_base_default = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way LSY does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n   whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n   (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n   2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n   tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n   surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n   keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n   mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n   .rli-r1-content-element pattern (overriding the default Tailwind mx-1). */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n   still need the 2px per-side margin so the gap to the trailing token mirrors\n   LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n   would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. LSY's host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than LSY.\n   See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n";
+var sel_r1_base_default = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way LSY does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n   whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n   (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n   2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n   tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* .pie-template-line's align-items:baseline (above) computes a shared baseline\n   across all its flex items. .pie-blank-slot has no baseline-participating child\n   of its own (.cloze-marker centers internally, align-items:center) — so it\n   contributes a *synthesized* baseline back to the row, based on its own box\n   geometry. That geometry swings wildly depending on the blank's content: an\n   empty placeholder vs. a selected choice's image (up to 150x150). Every time a\n   choice is selected the row's shared baseline is recomputed from that new\n   geometry, visibly shifting sibling tokens like a leading/trailing stem word.\n   align-self removes the blank from that shared computation entirely — its\n   siblings' position no longer depends on what's currently displayed inside it.\n   See CONTOOL-3159. */\n[class*=\"variant-sel-r1-\"] .pie-template-line .pie-blank-slot {\n  align-self: flex-end;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n   surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n   keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n   mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n   .rli-r1-content-element pattern (overriding the default Tailwind mx-1).\n   .pie-blank-slot is box-sizing:border-box with a permanent 6px border-bottom\n   (the underline) — min-height:150px therefore only leaves 144px for content,\n   so an empty blank (content ~0px, clamped to the 150px floor) and a blank\n   showing a 150px choice image (150 + 6 border = 156px, exceeding the floor)\n   render at two different total heights. Since .pie-blank-slot is bottom-anchored\n   in its row (align-self:flex-end above), that 6px height difference shows up as\n   a visible shift of the blank/image every time a choice is selected or cleared.\n   min-height:156px keeps the total box height constant regardless of content, so\n   the 150px is fully available to the image/text and the border no longer\n   competes with it. See CONTOOL-3159. */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 156px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n   still need the 2px per-side margin so the gap to the trailing token mirrors\n   LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n   would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* The `.pie-template-line span:not([class])` rule above has no depth limit, so it\n   also matches the unclassed answer <span> ClozeMarker.svelte renders inside\n   .pie-blank-value once a choice is selected (e.g. author font-size overrides like\n   <span style=\"font-size:3em\">). For token_sequence that coincides with the blank\n   slot's own 150px/89px box above, so outer and inner agree. audio_blank_only /\n   stimulus_image_blank instead keep .pie-blank-slot at LSY's separate, taller\n   .rli-r1-cloze box (160px) — forcing the answer span into the stem token's\n   150px/89px box there is wrong: a plain (non-flex) span whose min-height exceeds\n   its line-height renders that line top-anchored, pinning the answer text to the\n   top of the blank with the rest of the box empty beneath it, instead of centered\n   on the underline the way LSY renders it. See CONTOOL-3159. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-blank-value span:not([class]),\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-blank-value span:not([class]) {\n  min-width: 0;\n  max-width: none;\n  min-height: 0;\n  line-height: normal;\n  margin-left: 0;\n  margin-right: 0;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. LSY's host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than LSY.\n   See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n";
 //#endregion
 //#region src/delivery/variant-css-map.ts
 var VARIANT_BY_CUSTOM_TYPE = {
@@ -6258,7 +6259,7 @@ var VARIANT_BY_CUSTOM_TYPE = {
 		variantId: "sel-r1-s3",
 		variantClass: "variant-sel-r1-s3",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than LSY for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than LSY for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n  /* question.css: .rli-s3-cloze-container { justify-content:end } bottom-anchors\n     the cloze against the shared sentence/audio row instead of top-aligning it —\n     matches every item sitting on the same visual baseline. See CONTOOL-3159. */\n  align-items: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n/* ClozeMarker.svelte's shared .cloze-marker rule vertically *centers* its content\n   (align-items:center). question.css's .rli-s3-cloze-container uses\n   justify-content:end instead, bottom-anchoring the answer text against the\n   underline. Centering leaves it floating well above both the underline and the\n   sentence image's own (bottom-anchored) baseline. The blank's own box height\n   (160px, from McPopulatedBlank.svelte's shared audio_blank_only/stimulus_image_blank\n   rule) is left as-is — it already matches the Learnosity reference (~161px)\n   closely; only the internal alignment was wrong. See CONTOOL-3159. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n  align-items: flex-end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
 	}
 };
 var normalizeCustomType = (value) => {