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

package/src/print/Print.svelte

@@ -1,95 +0,0 @@
-<svelte:options
-  customElement={{
-    shadow: 'none',
-    props: {
-      model: { type: 'Object' },
-    },
-  }}
-/>
-
-<script lang="ts">
-const BLANK_TOKEN = '{{blank}}';
-
-let { model = null }: { model?: any } = $props();
-
-let prompt = $state('');
-let template = $state('');
-$effect(() => {
-  prompt = model?.prompt || '';
-  template = model?.template || '';
-});
-
-const parts = $derived.by(() => {
-  const idx = template.indexOf(BLANK_TOKEN);
-  if (idx < 0) return { before: template, after: '' };
-  return { before: template.slice(0, idx), after: template.slice(idx + BLANK_TOKEN.length) };
-});
-
-const choices = $derived(Array.isArray(model?.choices) ? model.choices : []);
-const correct = $derived(model?.choices?.find((c: any) => c.id === model?.correctChoiceId));
-const mode = $derived(model?.choiceMode || 'text');
-const isAudioOnlyMode = $derived(model?.interactionMode === 'audio_mc_only');
-const showAnswerKey = $derived(model?.printAnswerKey !== false);
-</script>
-
-<div class="p-4 print:p-0">
-  {#if prompt && model?.promptEnabled !== false}
-    <div class="mb-4 prose prose-sm">{@html prompt}</div>
-  {/if}
-
-  {#if model?.sentenceHtml}
-    <div class="mb-2 prose prose-sm">{@html model.sentenceHtml}</div>
-  {/if}
-
-  {#if !isAudioOnlyMode}
-    <div class="mb-4 prose prose-sm">
-      {@html parts.before}
-      <span class="inline-block min-w-[6rem] border-b-2 border-gray-600 print:border-black px-1">
-        {#if showAnswerKey && mode === 'image' && correct?.imageUrl}
-          <img src={correct.imageUrl} alt={correct.imageAlt || ''} class="max-h-14 object-contain" />
-        {:else if showAnswerKey && correct?.labelHtml}
-          {@html correct.labelHtml}
-        {:else}
-          ________
-        {/if}
-      </span>
-      {@html parts.after}
-    </div>
-  {/if}
-
-  {#if model?.hasAudio}
-    <div class="text-sm mb-4">
-      {#if model?.audioUrl}
-        <div><strong>Audio:</strong> {model.audioUrl}</div>
-      {/if}
-      {#if model?.audioTranscript}
-        <div><strong>Transcript:</strong> {model.audioTranscript}</div>
-      {/if}
-    </div>
-  {/if}
-
-  <ul class="text-sm list-disc pl-5">
-    {#each choices as c}
-      <li>
-        {#if mode === 'image'}
-          <span class="font-medium">{c.id}</span>
-          {#if showAnswerKey && c.id === model?.correctChoiceId}(key){/if}
-        {:else}
-          {@html c.labelHtml || ''}
-          {#if showAnswerKey && c.id === model?.correctChoiceId}
-            <span class="font-medium"> (key)</span>
-          {/if}
-        {/if}
-      </li>
-    {/each}
-  </ul>
-</div>
-
-<style>
-  .prose :global(p) {
-    margin: 0.5em 0;
-  }
-  .prose :global(strong) {
-    font-weight: 600;
-  }
-</style>

package/src/print/index.ts

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

package/src/shared/layoutLimits.ts

@@ -1,76 +0,0 @@
-export type LayoutLimits = {
-  blankStandaloneWidthRem: number;
-  blankWideWidthRem: number;
-  blankUnderlineWidthPx: number;
-  blankUnderlineWideWidthPx: number;
-  horizontalChoiceWidthPx: number;
-  horizontalChoiceWidthVw: number;
-  horizontalChoiceTileMinHeightRem: number;
-  horizontalChoiceContentMinHeightRem: number;
-  selectedImageMaxHeightRem: number;
-  choiceImageMaxHeightRem: number;
-  listenButtonSizePx: number;
-  stimulusMinColumnPx: number;
-  textMinColumnPx: number;
-  legendMaxChars: number;
-  choiceGroupGapRem: number;
-  choiceRowGapRem: number;
-  toggleButtonGapRem: number;
-  horizontalChoiceRadioTopMarginRem: number;
-  audioBlankTemplateMarginTopRem: number;
-  audioBlankTemplateMarginBottomRem: number;
-  audioInstructionsMaxWidthPx: number;
-  narrowHorizontalChoiceMaxWidthPx: number;
-  stimulusGridColumnGapRem: number;
-  stimulusGridRowGapRem: number;
-  stimulusSentenceMarginTopRem: number;
-  stimulusChoicesMarginTopRem: number;
-  tokenGridColumnGapRem: number;
-  tokenGridRowGapRem: number;
-  tokenTemplateMarginTopRem: number;
-  tokenInlineTokenGapRem: number;
-  tokenChoicesMarginTopRem: number;
-  inlineGridColumnGapRem: number;
-  inlineGridRowGapRem: number;
-  inlineTemplateMarginTopRem: number;
-  inlineChoicesMarginTopRem: number;
-};
-
-/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */
-export const DEFAULT_LAYOUT_LIMITS: LayoutLimits = {
-  blankStandaloneWidthRem: 7,
-  blankWideWidthRem: 10,
-  blankUnderlineWidthPx: 2,
-  blankUnderlineWideWidthPx: 4,
-  horizontalChoiceWidthPx: 170,
-  horizontalChoiceWidthVw: 30,
-  horizontalChoiceTileMinHeightRem: 11,
-  horizontalChoiceContentMinHeightRem: 7.5,
-  selectedImageMaxHeightRem: 4,
-  choiceImageMaxHeightRem: 5,
-  listenButtonSizePx: 128,
-  stimulusMinColumnPx: 210,
-  textMinColumnPx: 260,
-  legendMaxChars: 120,
-  choiceGroupGapRem: 0.5,
-  choiceRowGapRem: 0.5,
-  toggleButtonGapRem: 0.5,
-  horizontalChoiceRadioTopMarginRem: 0.5,
-  audioBlankTemplateMarginTopRem: 0.8,
-  audioBlankTemplateMarginBottomRem: 1.8,
-  audioInstructionsMaxWidthPx: 875,
-  narrowHorizontalChoiceMaxWidthPx: 230,
-  stimulusGridColumnGapRem: 2,
-  stimulusGridRowGapRem: 0.7,
-  stimulusSentenceMarginTopRem: 0.2,
-  stimulusChoicesMarginTopRem: 0.9,
-  tokenGridColumnGapRem: 1.5,
-  tokenGridRowGapRem: 0.8,
-  tokenTemplateMarginTopRem: 0.6,
-  tokenInlineTokenGapRem: 0.35,
-  tokenChoicesMarginTopRem: 0.2,
-  inlineGridColumnGapRem: 1.5,
-  inlineGridRowGapRem: 0.65,
-  inlineTemplateMarginTopRem: 0.45,
-  inlineChoicesMarginTopRem: 0.25,
-};

package/src/shared/types.ts

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

package/src/types/css-raw.d.ts

@@ -1,4 +0,0 @@
-declare module '*.css?raw' {
-  const css: string;
-  export default css;
-}