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

package/README.md

@@ -129,19 +129,31 @@ Delivery now exposes stable `pie-*` classes so hosts can theme this element with
 - Choice controls: `pie-choice-radio`, `pie-choice-radio-inline`, `pie-choice-radio-bottom`
 - Evaluate/toggle feedback: `pie-toggle-correct-answer`, `pie-result-feedback`, `pie-choice-feedback-correct`, `pie-choice-feedback-incorrect`
 
-## Builds
+## Bundled CQT variant CSS
 
-Same layout as `@pie-element/simple-cloze`: `delivery`, `controller`, `author`, `print`, plus IIFE bundle for script-tag loading.
+To avoid runtime dependency on cross-origin Learnosity stylesheet loading, this element bundles variant-specific CSS in delivery:
 
-### Builder Compatibility Note
+- Variant CSS files: `src/delivery/cqt-css/*.css`
+- Variant mapping: `src/delivery/variant-css-map.ts`
+- Applied by `model.customType` (for example `sel_r1-_plusggg`)
 
-This package intentionally ships a root `controller.js` shim:
+Each variant CSS file is intentionally scoped with `.mc-populated-blank-root.variant-*` selectors so styles only apply to this element instance and do not leak into other PIE elements.
 
-```js
-export * from './dist/controller/index.js';
-```
+### Maintenance workflow
+
+1. Fetch the latest Learnosity `question.css` for each supported CQT variant.
+2. Update the matching file under `src/delivery/cqt-css/`.
+3. Keep the source URL comment at the top of each CSS file current.
+4. If a new `custom_type` is introduced, add it in `src/delivery/variant-css-map.ts` with:
+   - `variantId`
+   - `variantClass`
+   - `sourceUrl`
+   - imported `cssText`
+5. Run `bun run build` in this package and validate the demo variants.
 
-Reason: `pie-api-aws` client/editor bundling may resolve `@pie-element/<name>/controller` as a filesystem path rooted at the element package alias. Keeping this shim in the published package ensures compatibility there while `exports["./controller"]` remains the canonical ESM subpath entry.
+## Builds
+
+Same layout as `@pie-element/simple-cloze`: `delivery`, `controller`, `author`, `print`, plus IIFE bundle for script-tag loading.
 
 ```bash
 bun run build

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controller/index.ts"],"names":[],"mappings":"AAQA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,2CASzD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,GAAG,EAAE,SAAS,GAAG,UAK3D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,uBAAqB,YAY5E,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,qBA+BzD,CAAC;AAEL,eAAO,MAAM,kBAAkB,GAAI,QAAO,GAAQ,QAOhD,CAAC;AAEH,eAAO,MAAM,SAAS,GAAI,WAAU,GAAQ,QAAiC,CAAC;AAE9E,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,QAAe,CAAC;AAmEvD,eAAO,MAAM,KAAK,GAAU,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,EAAE,gBAAgB,GAAG,iBAiErF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,UAAU,GAAG,EAAE,KAAK,GAAG,qBAYnE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAO,GAAQ,EAAE,UAAS,GAAQ,QAuH1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controller/index.ts"],"names":[],"mappings":"AAQA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,2CASzD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAW,GAAG,EAAE,SAAS,GAAG,UAK3D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,uBAAqB,YAY5E,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,qBA+BzD,CAAC;AAEL,eAAO,MAAM,kBAAkB,GAAI,QAAO,GAAQ,QAOhD,CAAC;AAEH,eAAO,MAAM,SAAS,GAAI,WAAU,GAAQ,QAAiC,CAAC;AAE9E,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,QAAe,CAAC;AAmEvD,eAAO,MAAM,KAAK,GAAU,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,KAAK,GAAG,EAAE,gBAAgB,GAAG,iBAkErF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,UAAU,GAAG,EAAE,KAAK,GAAG,qBAYnE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAO,GAAQ,EAAE,UAAS,GAAQ,QAuH1D,CAAC"}

package/dist/controller/index.js

@@ -221,6 +221,7 @@ var model = async (question, session, env, updateSession) => {
 		audioUrl: normalizedQuestion.hasAudio ? normalizedQuestion.audioUrl : null,
 		audioTranscript: normalizedQuestion.hasAudio ? normalizedQuestion.audioTranscript : null,
 		showVisibleTranscript: !!normalizedQuestion.showVisibleTranscript,
+		customType: normalizedQuestion.customType || "",
 		useFeatureButtonAudio: typeof normalizedQuestion.useFeatureButtonAudio === "boolean" ? normalizedQuestion.useFeatureButtonAudio : void 0,
 		locale: normalizedQuestion.locale || "",
 		disabled: safeEnv.mode !== "gather",

package/dist/controller/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/controller/defaults.ts","../../src/controller/index.ts"],"sourcesContent":["/** Token authors must include exactly once in `template` (HTML). */\nexport const BLANK_TOKEN = '{{blank}}';\n/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */\nexport const DEFAULT_LAYOUT_LIMITS = {\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} as const;\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: 'Selected answer in sentence',\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    },\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    showVisibleTranscript: false,\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';\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: any, session: any) => {\n  if (!session || !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: any, session: any) => {\n  if (!session || isEmptyObject(session) || !session.choiceId) {\n    return 0;\n  }\n  return 1;\n};\n\nexport const isComplete = (question: any, session: any, audioComplete = false) => {\n  if (!session || !session.choiceId) {\n    return false;\n  }\n  const autoplayAudioEnabled = !!question?.autoplayAudioEnabled;\n  const completeAudioEnabled = !!question?.completeAudioEnabled;\n  const requiresAudioCompletion =\n    autoplayAudioEnabled && completeAudioEnabled && !!question?.hasAudio;\n  if (requiresAudioCompletion && !audioComplete) {\n    return false;\n  }\n  return true;\n};\n\nexport const outcome = (question: any, session: any, env: any) =>\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: any = {}) => ({\n  ...defaults.model,\n  ...model,\n  layoutLimits: {\n    ...DEFAULT_LAYOUT_LIMITS,\n    ...(model?.layoutLimits || {}),\n  },\n});\n\nexport const normalize = (question: any = {}) => createDefaultModel(question);\n\nexport const normalizeSession = (s: any) => ({ ...s });\n\nconst shouldShuffleChoices = (question: any) => !!question?.shuffle;\n\nconst shouldLockChoices = (question: any, env: any) => {\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: any): string[] =>\n  Array.isArray(session?.data?.shuffledValues)\n    ? session.data.shuffledValues\n    : Array.isArray(session?.shuffledValues)\n      ? session.shuffledValues\n      : [];\n\nconst applyShuffledValues = (choices: any[], shuffledValues: string[], choiceKey: string) => {\n  const orderedChoices = shuffledValues\n    .map((value) => choices.find((choice) => choice?.[choiceKey] === value))\n    .filter(Boolean);\n\n  if (orderedChoices.length === choices.length) {\n    return orderedChoices;\n  }\n\n  const orderedValues = new Set(orderedChoices.map((choice: any) => choice[choiceKey]));\n  const leftovers = choices.filter((choice) => !orderedValues.has(choice?.[choiceKey]));\n  return [...orderedChoices, ...leftovers];\n};\n\nconst getOrderedChoices = async (question: any, session: any, env: any, updateSession?: any) => {\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 (question: any, session: any, env: any, updateSession?: any) => {\n  session = session || {};\n  const safeEnv = env || {};\n  const normalizedQuestion = normalize(question);\n  const choices = await getOrderedChoices(normalizedQuestion, session, safeEnv, updateSession);\n\n  const out: any = {\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    showVisibleTranscript: !!normalizedQuestion.showVisibleTranscript,\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, session);\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: any, env: any) => {\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 = (model: any = {}, _config: any = {}) => {\n  const errors: any = {};\n\n  if (model.promptEnabled) {\n    const p = model.prompt?.trim() || '';\n    if (!p || p === '<p></p>') {\n      errors.prompt = 'Prompt is required when prompt is enabled';\n    }\n  }\n\n  const interactionMode = model.interactionMode || 'populate_blank';\n  const template = model.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(model.choices) ? model.choices : [];\n  if (choices.length < 2) {\n    errors.choices = 'At least two choices are required';\n  }\n\n  const mode = model.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 = model.correctChoiceId;\n  if (!correct || !choices.some((c: any) => c.id === correct)) {\n    errors.correctChoiceId = 'Correct choice must match one of the choice ids';\n  }\n\n  if (model.hasAudio) {\n    const hasAudioUrl = !!model.audioUrl?.trim();\n    if (!hasAudioUrl) {\n      errors.audioUrl = 'A playable audio URL is required when audio is enabled';\n    }\n  }\n\n  const limits = model?.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    ];\n    for (const key of numericLimitKeys) {\n      if (limits[key] === undefined || limits[key] === null || limits[key] === '') 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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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/controller/defaults.ts","../../src/controller/index.ts"],"sourcesContent":["/** Token authors must include exactly once in `template` (HTML). */\nexport const BLANK_TOKEN = '{{blank}}';\n/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */\nexport const DEFAULT_LAYOUT_LIMITS = {\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} as const;\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: 'Selected answer in sentence',\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    },\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    showVisibleTranscript: false,\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';\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: any, session: any) => {\n  if (!session || !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: any, session: any) => {\n  if (!session || isEmptyObject(session) || !session.choiceId) {\n    return 0;\n  }\n  return 1;\n};\n\nexport const isComplete = (question: any, session: any, audioComplete = false) => {\n  if (!session || !session.choiceId) {\n    return false;\n  }\n  const autoplayAudioEnabled = !!question?.autoplayAudioEnabled;\n  const completeAudioEnabled = !!question?.completeAudioEnabled;\n  const requiresAudioCompletion =\n    autoplayAudioEnabled && completeAudioEnabled && !!question?.hasAudio;\n  if (requiresAudioCompletion && !audioComplete) {\n    return false;\n  }\n  return true;\n};\n\nexport const outcome = (question: any, session: any, env: any) =>\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: any = {}) => ({\n  ...defaults.model,\n  ...model,\n  layoutLimits: {\n    ...DEFAULT_LAYOUT_LIMITS,\n    ...(model?.layoutLimits || {}),\n  },\n});\n\nexport const normalize = (question: any = {}) => createDefaultModel(question);\n\nexport const normalizeSession = (s: any) => ({ ...s });\n\nconst shouldShuffleChoices = (question: any) => !!question?.shuffle;\n\nconst shouldLockChoices = (question: any, env: any) => {\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: any): string[] =>\n  Array.isArray(session?.data?.shuffledValues)\n    ? session.data.shuffledValues\n    : Array.isArray(session?.shuffledValues)\n      ? session.shuffledValues\n      : [];\n\nconst applyShuffledValues = (choices: any[], shuffledValues: string[], choiceKey: string) => {\n  const orderedChoices = shuffledValues\n    .map((value) => choices.find((choice) => choice?.[choiceKey] === value))\n    .filter(Boolean);\n\n  if (orderedChoices.length === choices.length) {\n    return orderedChoices;\n  }\n\n  const orderedValues = new Set(orderedChoices.map((choice: any) => choice[choiceKey]));\n  const leftovers = choices.filter((choice) => !orderedValues.has(choice?.[choiceKey]));\n  return [...orderedChoices, ...leftovers];\n};\n\nconst getOrderedChoices = async (question: any, session: any, env: any, updateSession?: any) => {\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 (question: any, session: any, env: any, updateSession?: any) => {\n  session = session || {};\n  const safeEnv = env || {};\n  const normalizedQuestion = normalize(question);\n  const choices = await getOrderedChoices(normalizedQuestion, session, safeEnv, updateSession);\n\n  const out: any = {\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    showVisibleTranscript: !!normalizedQuestion.showVisibleTranscript,\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, session);\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: any, env: any) => {\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 = (model: any = {}, _config: any = {}) => {\n  const errors: any = {};\n\n  if (model.promptEnabled) {\n    const p = model.prompt?.trim() || '';\n    if (!p || p === '<p></p>') {\n      errors.prompt = 'Prompt is required when prompt is enabled';\n    }\n  }\n\n  const interactionMode = model.interactionMode || 'populate_blank';\n  const template = model.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(model.choices) ? model.choices : [];\n  if (choices.length < 2) {\n    errors.choices = 'At least two choices are required';\n  }\n\n  const mode = model.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 = model.correctChoiceId;\n  if (!correct || !choices.some((c: any) => c.id === correct)) {\n    errors.correctChoiceId = 'Correct choice must match one of the choice ids';\n  }\n\n  if (model.hasAudio) {\n    const hasAudioUrl = !!model.audioUrl?.trim();\n    if (!hasAudioUrl) {\n      errors.audioUrl = 'A playable audio URL is required when audio is enabled';\n    }\n  }\n\n  const limits = model?.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    ];\n    for (const key of numericLimitKeys) {\n      if (limits[key] === undefined || limits[key] === null || limits[key] === '') 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

@@ -5136,6 +5136,105 @@ var o = (e) => (...t) => {
 	blueGrey900: Y
 };
 //#endregion
+//#region src/delivery/cqt-css/sel-r1-plusggg.css?raw
+var sel_r1_plusggg_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  font-family: Starial, Arial, sans-serif;\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}\n\n.mc-populated-blank-root.variant-sel-r1-plusggg .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.mc-populated-blank-root.variant-sel-r1-plusggg .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sr-vic.css?raw
+var sr_vic_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-vic.css?raw
+var sel_vic_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 1.5em;\n  max-width: 800px;\n  margin-inline: auto;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-vic .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.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  min-height: 128px;\n}\n\n@media (min-width: 620px) {\n  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n    min-width: 620px;\n    max-width: 800px;\n    transform: translateX(-55px);\n  }\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-gplusggg.css?raw
+var sel_r1_gplusggg_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-gplusggg {\n  font-family: Starial, Arial, sans-serif;\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}\n\n.mc-populated-blank-root.variant-sel-r1-gplusggg .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.mc-populated-blank-root.variant-sel-r1-gplusggg .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-g-stem.css?raw
+var sel_r1_g_stem_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-g-stem {\n  font-family: Starial, Arial, sans-serif;\n  max-width: 875px;\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  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-g-stem .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.mc-populated-blank-root.variant-sel-r1-g-stem .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-g-stem.layout-token_sequence {\n  grid-template-columns: minmax(260px, auto) auto;\n  justify-content: center;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-gg-plus.css?raw
+var sel_r1_gg_plus_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-gg-plus {\n  font-family: Starial, Arial, sans-serif;\n  max-width: 875px;\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  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-gg-plus .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.mc-populated-blank-root.variant-sel-r1-gg-plus .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-gg-plus.layout-token_sequence {\n  grid-template-columns: minmax(260px, auto) auto;\n  justify-content: center;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-ggplus.css?raw
+var sel_r1_ggplus_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  font-family: Starial, Arial, sans-serif;\n  max-width: 875px;\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  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-ggplus .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.mc-populated-blank-root.variant-sel-r1-ggplus .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-ggplus.layout-token_sequence {\n  grid-template-columns: minmax(260px, auto) auto;\n  justify-content: center;\n}\n\n/* In this variant, the blank appears before trailing tokens; avoid offsetting it. */\n.mc-populated-blank-root.variant-sel-r1-ggplus.layout-token_sequence .pie-blank-slot {\n  margin-left: 0;\n}\n";
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-s3.css?raw
+var sel_r1_s3_default = "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  font-family: Starial, Arial, sans-serif;\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.mc-populated-blank-root.variant-sel-r1-s3 .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.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  font-weight: 500;\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  font-size: 1.9em;\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    \"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";
+//#endregion
+//#region src/delivery/variant-css-map.ts
+var VARIANT_BY_CUSTOM_TYPE = {
+	"sel_r1-_plusggg": {
+		variantId: "sel-r1-plusggg",
+		variantClass: "variant-sel-r1-plusggg",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css",
+		cssText: sel_r1_plusggg_default
+	},
+	"sr-vic": {
+		variantId: "sr-vic",
+		variantClass: "variant-sr-vic",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css",
+		cssText: sr_vic_default
+	},
+	sel_vic: {
+		variantId: "sel-vic",
+		variantClass: "variant-sel-vic",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css",
+		cssText: sel_vic_default
+	},
+	"sel_r1-_gplusggg": {
+		variantId: "sel-r1-gplusggg",
+		variantClass: "variant-sel-r1-gplusggg",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css",
+		cssText: sel_r1_gplusggg_default
+	},
+	"sel_r1-g_plusggg": {
+		variantId: "sel-r1-g-stem",
+		variantClass: "variant-sel-r1-g-stem",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css",
+		cssText: sel_r1_g_stem_default
+	},
+	"sel_r1-gg_plusggg": {
+		variantId: "sel-r1-gg-plus",
+		variantClass: "variant-sel-r1-gg-plus",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css",
+		cssText: sel_r1_gg_plus_default
+	},
+	"sel_r1-_ggplusggg": {
+		variantId: "sel-r1-ggplus",
+		variantClass: "variant-sel-r1-ggplus",
+		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css",
+		cssText: sel_r1_ggplus_default
+	},
+	"sel_r1-s3_plusggg": {
+		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: sel_r1_s3_default
+	}
+};
+var normalizeCustomType = (value) => {
+	return String(value || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, "");
+};
+var getVariantCssConfig = (customType) => {
+	return VARIANT_BY_CUSTOM_TYPE[normalizeCustomType(customType)];
+};
+var getVariantRootClass = (customType) => {
+	return getVariantCssConfig(customType)?.variantClass || "";
+};
+var ensureVariantCssInjected = (config) => {
+	if (!config || !config.cssText || typeof document === "undefined") return;
+	const styleId = `mc-populated-blank-css-${config.variantId}`;
+	const existing = document.getElementById(styleId);
+	if (existing) {
+		if (existing.textContent !== config.cssText) existing.textContent = config.cssText;
+		return;
+	}
+	const style = document.createElement("style");
+	style.id = styleId;
+	style.setAttribute("data-mpb-variant", config.variantId);
+	style.textContent = config.cssText;
+	document.head.appendChild(style);
+};
+//#endregion
 //#region src/delivery/McPopulatedBlank.svelte
 var root_1 = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
 var root_3 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-283 359 34 35"><circle cx="-266" cy="375.9" r="14" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></circle><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="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></path><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="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
@@ -5149,22 +5248,22 @@ var root_10 = /* @__PURE__ */ from_html(`<p><strong> </strong> </p>`);
 var root_5 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container svelte-6wlbb4"><!> <!></div>`);
 var root_11 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
 var root_13 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
-var root_14 = /* @__PURE__ */ from_html(`<span class="blank-inner choice-label pie-blank-value svelte-6wlbb4"></span>`);
+var root_14 = /* @__PURE__ */ from_html(`<span class="choice-html pie-blank-value svelte-6wlbb4"></span>`);
 var root_15 = /* @__PURE__ */ from_html(`<span class="blank-inner-empty svelte-6wlbb4" aria-hidden="true">&nbsp;</span>`);
 var root_12 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <span role="status" aria-live="polite" aria-atomic="true"><!></span> <!></div>`);
 var root_16 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
 var root_19 = /* @__PURE__ */ from_html(`<img class="object-contain mx-auto pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_20 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
+var root_20 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-6wlbb4"></span>`);
 var root_18 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-6wlbb4"><span class="choice-tile-content pie-choice-tile-content svelte-6wlbb4"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-6wlbb4"/></label>`);
 var root_22 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_23 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
-var root_21 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap"><!></label>`, 1);
+var root_23 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-6wlbb4"></span>`);
+var root_21 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap svelte-6wlbb4"><!></label>`, 1);
 var root_24 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
 var root_17 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
 var root = /* @__PURE__ */ from_html(`<div><!> <!> <!> <!> <!> <!> <fieldset class="border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4"><legend class="sr-only pie-choices-legend svelte-6wlbb4"> </legend> <div style="gap:var(--mpb-choice-group-gap, 0.5rem);" role="radiogroup" tabindex="-1"></div></fieldset></div>`);
 var $$css = {
 	hash: "svelte-6wlbb4",
-	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-correct-answer-toggle-label-color, var(--pie-text, black));}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {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-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-6wlbb4 {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-correct-answer-feedback-glyph-color, #fff);}.pie-choice-feedback-correct.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-label.svelte-6wlbb4 p,\n  .blank-inner.svelte-6wlbb4 p {margin:0;}.blank-inner.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
+	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-correct-answer-toggle-label-color, var(--pie-text, black));}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {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-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.pie-choice-horizontal.svelte-6wlbb4:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-6wlbb4) {background:transparent;}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.svelte-6wlbb4:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.pie-choice.svelte-6wlbb4:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-6wlbb4) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-6wlbb4 .pie-choice-label-wrap:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-6wlbb4:hover .pie-choice-label-wrap:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-6wlbb4 {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-correct-answer-feedback-glyph-color, #fff);}.pie-choice-feedback-correct.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-html.svelte-6wlbb4 p {margin:0;}.choice-html.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
 };
 function McPopulatedBlank($$anchor, $$props) {
 	push($$props, true);
@@ -5267,6 +5366,8 @@ function McPopulatedBlank($$anchor, $$props) {
 		return t.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === BLANK_TOKEN;
 	});
 	const layoutProfile = /* @__PURE__ */ user_derived(() => model()?.layoutProfile || "");
+	const variantCssConfig = /* @__PURE__ */ user_derived(() => getVariantCssConfig(model()?.customType));
+	const variantRootClass = /* @__PURE__ */ user_derived(() => getVariantRootClass(model()?.customType));
 	const choiceLayout = /* @__PURE__ */ user_derived(() => model()?.choiceLayout || (get(isAudioOnlyMode) || get(isBlankOnlyTemplate) ? "horizontal" : "vertical"));
 	const isHorizontalChoices = /* @__PURE__ */ user_derived(() => get(choiceLayout) === "horizontal");
 	const showVisibleTranscript = /* @__PURE__ */ user_derived(() => !!model()?.showVisibleTranscript);
@@ -5384,6 +5485,7 @@ function McPopulatedBlank($$anchor, $$props) {
 		return get(selectedId);
 	});
 	const displayChoice = /* @__PURE__ */ user_derived(() => get(choices).find((c) => c.id === get(displayChoiceId)));
+	const displayChoiceLabelHtml = /* @__PURE__ */ user_derived(() => String(get(displayChoice)?.labelHtml || ""));
 	const legendText = /* @__PURE__ */ user_derived(() => {
 		const plain = (model()?.prompt || "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
 		const maxChars = Math.max(8, Number(get(layoutLimits).legendMaxChars) || DEFAULT_LAYOUT_LIMITS.legendMaxChars);
@@ -5598,6 +5700,9 @@ function McPopulatedBlank($$anchor, $$props) {
 			set(autoPlayPromptOpen, true);
 		});
 	});
+	user_effect(() => {
+		ensureVariantCssInjected(get(variantCssConfig));
+	});
 	var $$exports = {
 		get model() {
 			return model();
@@ -5770,7 +5875,7 @@ function McPopulatedBlank($$anchor, $$props) {
 		};
 		var consequent_11 = ($$anchor) => {
 			var span_4 = root_14();
-			html(span_4, () => get(displayChoice).labelHtml, true);
+			html(span_4, () => get(displayChoiceLabelHtml), true);
 			reset(span_4);
 			append($$anchor, span_4);
 		};
@@ -5779,7 +5884,7 @@ function McPopulatedBlank($$anchor, $$props) {
 		};
 		if_block(node_10, ($$render) => {
 			if (get(choiceMode) === "image" && get(displayChoice)?.imageUrl) $$render(consequent_10);
-			else if (get(displayChoice)?.labelHtml) $$render(consequent_11, 1);
+			else if (get(displayChoiceLabelHtml)) $$render(consequent_11, 1);
 			else $$render(alternate_1, -1);
 		});
 		reset(span_3);
@@ -5917,7 +6022,7 @@ function McPopulatedBlank($$anchor, $$props) {
 	reset(fieldset);
 	reset(div);
 	template_effect(() => {
-		set_class(div, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${get(layoutProfile)} ${get(hasInlineSentenceAudioLayout) ? "has-inline-audio" : ""}`, "svelte-6wlbb4");
+		set_class(div, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${get(layoutProfile)} ${get(variantRootClass)} ${get(hasInlineSentenceAudioLayout) ? "has-inline-audio" : ""}`, "svelte-6wlbb4");
 		set_attribute(div, "lang", get(lang));
 		set_style(div, get(rootStyle));
 		fieldset.disabled = model()?.disabled;