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

package/src/delivery/cqt-css/sel-r1-base.css

@@ -1,59 +0,0 @@
-/* Shared base styles for all sel_r1-*_plusggg variants.
-   Applied via the data-mpb-variant="sel-r1-base" style element.
-   Uses [class*="variant-sel-r1-"] so it covers every r1 variant class.
-   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */
-
-/* r1.scss: Starial font throughout */
-[class*="variant-sel-r1-"] {
-  font-family: Starial, Arial, sans-serif;
-}
-
-/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */
-[class*="variant-sel-r1-"] .pie-audio-transcript {
-  font-family: Roboto, Arial, sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-}
-
-/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.
-   Makes inline font-size spans in the template multiply on top of this base. */
-[class*="variant-sel-r1-"] .pie-template-line {
-  font-size: 1.9em;
-}
-
-/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }
-   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.
-   column-gap:4px replicates the 2px+2px per-element margin. */
-[class*="variant-sel-r1-"] .pie-template-line {
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  justify-content: center;
-  column-gap: 4px;
-}
-
-[class*="variant-sel-r1-"] .pie-template-line p {
-  margin: 0;
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  gap: 4px;
-}
-
-/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;
-   line-height:89px } — every stem token (blank slot and adjacent spans) is a 150px box.
-   Scoped to token_sequence layout so the audio_blank_only standalone blank (160px) is unaffected. */
-[class*="variant-sel-r1-"].layout-token_sequence .pie-template-line span:not([class]),
-[class*="variant-sel-r1-"].layout-token_sequence .pie-template-line .pie-blank-slot {
-  min-width: 150px;
-  max-width: 150px;
-  min-height: 150px;
-  line-height: 89px;
-}
-
-/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */
-[class*="variant-sel-r1-"] .pie-choice-label {
-  font-size: 1.9em;
-  line-height: 89px;
-}

package/src/delivery/cqt-css/sel-r1-g-stem.css

@@ -1,14 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-g-stem {
-  max-width: 875px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-hover-bg: #f2f2f2;
-  --mpb-choice-selected-bg: #fcfcd3;
-  /* r1.scss: .rli-r1-cloze { border-bottom: 6px solid } */
-  --mpb-blank-underline-wide-width: 6px;
-}

package/src/delivery/cqt-css/sel-r1-gg-plus.css

@@ -1,12 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-gg-plus {
-  max-width: 875px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-hover-bg: #f2f2f2;
-  --mpb-choice-selected-bg: #fcfcd3;
-}

package/src/delivery/cqt-css/sel-r1-ggplus.css

@@ -1,17 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-ggplus {
-  max-width: 875px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-hover-bg: #f2f2f2;
-  --mpb-choice-selected-bg: #fcfcd3;
-}
-
-/* In this variant, the blank appears before trailing tokens; avoid left-margin offset. */
-.mc-populated-blank-root.variant-sel-r1-ggplus.layout-token_sequence .pie-blank-slot {
-  margin-left: 0;
-}

package/src/delivery/cqt-css/sel-r1-gplusggg.css

@@ -1,25 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-gplusggg {
-  max-width: 875px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-group-gap: 1rem;
-  --mpb-choice-hover-bg: #f2f2f2;
-  --mpb-choice-selected-bg: #fcfcd3;
-}
-
-/* r1.scss: .rli-r1-content-element boxes all have fixed line-height:89px, so every
-   token in the stem row shares a stable baseline regardless of content.  In PIE,
-   the blank slot's baseline shifts when the empty placeholder (short  ) is
-   replaced by the filled value span (full text height), dragging adjacent tokens
-   down by ~9px.  Switching to align-items:center is safe here because gplusggg has
-   only one row of content (blank + "four"), so vertical centering and baseline
-   alignment produce the same visual result.  The :is() wrapper raises specificity
-   above the base [class*=] rule without needing !important. */
-:is(.mc-populated-blank-root.variant-sel-r1-gplusggg) .pie-template-line {
-  align-items: center;
-}

package/src/delivery/cqt-css/sel-r1-plusggg.css

@@ -1,17 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-plusggg {
-  max-width: 875px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-group-gap: 1rem;
-  --mpb-choice-hover-bg: #f2f2f2;
-  --mpb-choice-selected-bg: #fcfcd3;
-}
-
-.mc-populated-blank-root.variant-sel-r1-plusggg {
-  --mpb-choice-radio-padding: 20px;
-}

package/src/delivery/cqt-css/sel-r1-s3.css

@@ -1,85 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */
-/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */
-.mc-populated-blank-root.variant-sel-r1-s3 {
-  max-width: 860px;
-  margin-inline: auto;
-  --mpb-listen-button-size: 128px;
-  --mpb-choice-width-px: 155px;
-  --mpb-choice-tile-min-height: 11.25rem;
-  --mpb-choice-content-min-height: 9.375rem;
-  --mpb-choice-group-gap: 0.35rem;
-  --mpb-choice-row-gap: 0.35rem;
-  --mpb-horizontal-choice-radio-top-margin: 0.25rem;
-  --mpb-stimulus-min-column: 240px;
-  --mpb-stimulus-grid-column-gap: 1.1rem;
-  --mpb-stimulus-choices-margin-top: 0.85rem;
-  --mpb-audio-blank-template-margin-bottom: 0.9rem;
-  --mpb-blank-wide-width: 6.8rem;
-}
-
-/* s3 overrides base choice-label with font-weight:500 */
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {
-  font-size: 1.9em;
-  line-height: 89px;
-  font-weight: 500;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {
-  line-height: 1.1;
-  white-space: nowrap;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {
-  border-radius: 6px;
-  background: #f1f1f1;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {
-  grid-template-columns: minmax(220px, auto) auto auto;
-  grid-template-areas:
-    "transcript transcript transcript"
-    "sentence template audio"
-    "choices choices choices";
-  justify-content: center;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {
-  grid-area: template;
-  justify-self: center;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {
-  justify-self: end;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {
-  justify-self: start;
-  align-self: start;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {
-  justify-self: center;
-  width: fit-content;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {
-  max-width: 100%;
-  height: auto;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {
-  background: #e2e2e2;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,
-.mc-populated-blank-root.variant-sel-r1-s3
-  .pie-choice-horizontal.is-selected:hover
-  .pie-choice-tile {
-  background: #fcfcd3;
-}
-
-.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {
-  transform: scale(0.85);
-}

package/src/delivery/cqt-css/sel-vic.css

@@ -1,99 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */
-/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */
-.mc-populated-blank-root.variant-sel-vic {
-  font-family: Starial, Arial, sans-serif;
-  font-size: 1.5em;
-  max-width: 800px;
-  margin-inline: auto;
-  --mpb-inline-grid-column-gap: 1rem;
-  --mpb-inline-grid-row-gap: 0.5rem;
-  --mpb-inline-template-margin-top: 0.2rem;
-  --mpb-inline-choices-margin-top: 0.2rem;
-  --pie-correct-answer-choice-hover-bg: #e2e2e2;
-  --pie-correct-answer-choice-selected-bg: #fcfcd3;
-}
-
-.mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {
-  font-family: Roboto, Arial, sans-serif;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-}
-
-.mc-populated-blank-root.variant-sel-vic .pie-template-line,
-.mc-populated-blank-root.variant-sel-vic .pie-blank-value,
-.mc-populated-blank-root.variant-sel-vic .pie-choice-label {
-  line-height: 123%;
-}
-
-/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.
-   Svelte scoping prevents the component-internal grid-area rule from reaching
-   .audio-container inside AudioPlayer, so we override it here via the global
-   .pie-audio-container class which is not subject to scope hashing. */
-.mc-populated-blank-root.variant-sel-vic .pie-audio-container {
-  grid-area: audio;
-  margin: 0;
-  justify-self: end;
-  align-self: start;
-  min-height: 128px;
-}
-
-/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to
-   a new line before the blank slot. */
-.mc-populated-blank-root.variant-sel-vic .pie-template-line p {
-  display: inline;
-  margin: 0;
-}
-
-/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */
-.mc-populated-blank-root.variant-sel-vic .pie-blank-value {
-  color: #cc3333;
-}
-
-/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must
-   also be constrained so rows don't span beyond 800px. */
-.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {
-  max-width: 800px;
-  width: 100%;
-}
-
-/* vic.scss: distractor label text sits to the right of the radio — no centering. */
-.mc-populated-blank-root.variant-sel-vic .pie-choice-label {
-  text-align: left;
-  justify-content: flex-start;
-}
-
-/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */
-.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {
-  background-color: #fcfcd3;
-  border-radius: 6px;
-}
-
-.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {
-  background-color: transparent;
-}
-
-/* Selected state must win over hover. */
-.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {
-  background-color: #fcfcd3;
-}
-
-/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */
-.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {
-  background-color: #f2f2f2;
-  border-radius: 6px;
-}
-
-.mc-populated-blank-root.variant-sel-vic
-  .pie-choice:not(.pie-choice-horizontal):hover
-  .pie-choice-label-wrap {
-  background-color: transparent;
-}
-
-@media (min-width: 620px) {
-  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {
-    min-width: 620px;
-    max-width: 800px;
-    transform: translateX(-55px);
-  }
-}

package/src/delivery/cqt-css/sr-vic.css

@@ -1,63 +0,0 @@
-/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */
-/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */
-.mc-populated-blank-root.variant-sr-vic {
-  font-family: Starial, Arial, sans-serif;
-  --mpb-inline-grid-column-gap: 1rem;
-  --mpb-inline-grid-row-gap: 0.5rem;
-  --mpb-inline-template-margin-top: 0.2rem;
-  --mpb-inline-choices-margin-top: 0.2rem;
-}
-
-.mc-populated-blank-root.variant-sr-vic .pie-template-line,
-.mc-populated-blank-root.variant-sr-vic .pie-blank-value,
-.mc-populated-blank-root.variant-sr-vic .pie-choice-label {
-  line-height: 123%;
-}
-
-/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on
-   one line. The template HTML wraps text in <p>, which is block by default and
-   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */
-.mc-populated-blank-root.variant-sr-vic .pie-template-line p {
-  display: inline;
-  margin: 0;
-}
-
-/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */
-.mc-populated-blank-root.variant-sr-vic .pie-blank-value {
-  color: #cc3333;
-}
-
-/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the
-   whole distractor row (radio + label), not just the label wrapper. */
-.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {
-  background-color: #fcfcd3;
-  border-radius: 6px;
-}
-
-.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {
-  background-color: transparent;
-}
-
-/* vic.scss: distractor label text sits to the right of the radio — no centering. */
-.mc-populated-blank-root.variant-sr-vic .pie-choice-label {
-  text-align: left;
-  justify-content: flex-start;
-}
-
-/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to
-   the full row element, not only the inner label wrapper. */
-.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {
-  background-color: #f2f2f2;
-  border-radius: 6px;
-}
-
-.mc-populated-blank-root.variant-sr-vic
-  .pie-choice:not(.pie-choice-horizontal):hover
-  .pie-choice-label-wrap {
-  background-color: transparent;
-}
-
-/* Selected state must win over hover — yellow persists when hovering a chosen row. */
-.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {
-  background-color: #fcfcd3;
-}

package/src/delivery/index.ts

@@ -1,94 +0,0 @@
-import McPopulatedBlankComponent from './McPopulatedBlank.svelte';
-import { ModelSetEvent, SessionChangedEvent } from '@pie-lib/delivery-events-svelte';
-
-function isComplete(model: any, session: any, audioComplete = false): boolean {
-  if (!session?.choiceId) return false;
-  const requiresAudioCompletion =
-    !!model?.autoplayAudioEnabled && !!model?.completeAudioEnabled && !!model?.hasAudio;
-  if (requiresAudioCompletion && !audioComplete) return false;
-  return true;
-}
-
-const SvelteElementClass = (McPopulatedBlankComponent as any).element;
-
-class McPopulatedBlankElement extends SvelteElementClass {
-  _internalSession: any = null;
-  _model: any = null;
-  _options: any = null;
-  audioComplete = false;
-
-  _dispatchModelSet = () => {
-    this.dispatchEvent(
-      new ModelSetEvent(this.tagName.toLowerCase(), this._isComplete(), this._model !== undefined)
-    );
-  };
-
-  _dispatchSessionChanged = () => {
-    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this._isComplete()));
-  };
-
-  set model(m: any) {
-    this._model = m;
-    this.audioComplete = false;
-    super.model = m;
-    this._dispatchModelSet();
-  }
-
-  get model() {
-    return this._model;
-  }
-
-  set session(s: any) {
-    this._internalSession = s;
-    super.session = s;
-    this._dispatchSessionChanged();
-  }
-
-  get session() {
-    return this._internalSession;
-  }
-
-  set options(o: any) {
-    this._options = o;
-    super.options = o;
-  }
-
-  get options() {
-    return this._options;
-  }
-
-  onSessionChange = (updatedSession: any) => {
-    this._internalSession = updatedSession;
-    super.session = updatedSession;
-    this._dispatchSessionChanged();
-  };
-
-  onAudioStarted = () => {
-    this._internalSession = {
-      ...(this._internalSession || {}),
-      audioStartTime: Date.now(),
-    };
-  };
-
-  onAudioEnded = () => {
-    this.audioComplete = true;
-    this._internalSession = {
-      ...(this._internalSession || {}),
-      audioEndTime: Date.now(),
-    };
-    this._dispatchSessionChanged();
-  };
-
-  _isComplete = () => {
-    return isComplete(this._model, this._internalSession, this.audioComplete);
-  };
-
-  connectedCallback() {
-    super.connectedCallback();
-    (this as any).onSessionChange = this.onSessionChange;
-    (this as any).onAudioStarted = this.onAudioStarted;
-    (this as any).onAudioEnded = this.onAudioEnded;
-  }
-}
-
-export default McPopulatedBlankElement;

package/src/delivery/variant-css-map.ts

@@ -1,124 +0,0 @@
-import selR1BaseCss from './cqt-css/sel-r1-base.css?raw';
-import selR1PlusgggCss from './cqt-css/sel-r1-plusggg.css?raw';
-import srVicCss from './cqt-css/sr-vic.css?raw';
-import selVicCss from './cqt-css/sel-vic.css?raw';
-import selR1GplusgggCss from './cqt-css/sel-r1-gplusggg.css?raw';
-import selR1GStemCss from './cqt-css/sel-r1-g-stem.css?raw';
-import selR1GgPlusCss from './cqt-css/sel-r1-gg-plus.css?raw';
-import selR1GgplusCss from './cqt-css/sel-r1-ggplus.css?raw';
-import selR1S3Css from './cqt-css/sel-r1-s3.css?raw';
-
-export type VariantCssConfig = {
-  variantId: string;
-  variantClass: string;
-  sourceUrl: string;
-  cssText: string;
-};
-
-const VARIANT_BY_CUSTOM_TYPE: Record<string, VariantCssConfig> = {
-  '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: selR1PlusgggCss,
-  },
-  '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: srVicCss,
-  },
-  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: selVicCss,
-  },
-  '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: selR1GplusgggCss,
-  },
-  '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: selR1GStemCss,
-  },
-  '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: selR1GgPlusCss,
-  },
-  '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: selR1GgplusCss,
-  },
-  '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: selR1S3Css,
-  },
-};
-
-const normalizeCustomType = (value: unknown): string => {
-  const normalized = String(value || '')
-    .trim()
-    .toLowerCase();
-  // Accept both base custom types and version-suffixed tags like "...v0.0.1".
-  return normalized.replace(/v\d+\.\d+\.\d+$/i, '');
-};
-
-export const getVariantCssConfig = (customType: unknown): VariantCssConfig | undefined => {
-  const normalized = normalizeCustomType(customType);
-  return VARIANT_BY_CUSTOM_TYPE[normalized];
-};
-
-export const getVariantRootClass = (customType: unknown): string => {
-  return getVariantCssConfig(customType)?.variantClass || '';
-};
-
-const SEL_R1_VARIANT_IDS = new Set([
-  'sel-r1-plusggg',
-  'sel-r1-gplusggg',
-  'sel-r1-g-stem',
-  'sel-r1-gg-plus',
-  'sel-r1-ggplus',
-  'sel-r1-s3',
-]);
-
-const injectStyleOnce = (id: string, variantName: string, cssText: string): void => {
-  const existing = document.getElementById(id) as HTMLStyleElement | null;
-  if (existing) {
-    if (existing.textContent !== cssText) existing.textContent = cssText;
-    return;
-  }
-  const style = document.createElement('style');
-  style.id = id;
-  style.setAttribute('data-mpb-variant', variantName);
-  style.textContent = cssText;
-  document.head.appendChild(style);
-};
-
-export const ensureVariantCssInjected = (config?: VariantCssConfig): void => {
-  if (!config?.cssText || typeof document === 'undefined') {
-    return;
-  }
-  if (SEL_R1_VARIANT_IDS.has(config.variantId)) {
-    injectStyleOnce('mc-populated-blank-css-sel-r1-base', 'sel-r1-base', selR1BaseCss);
-  }
-  injectStyleOnce(`mc-populated-blank-css-${config.variantId}`, config.variantId, config.cssText);
-};

package/src/index.iife.ts

@@ -1,13 +0,0 @@
-/**
- * IIFE entry for mc-populated-blank delivery.
- * Registration is handled by PIE players/loaders, not by the element bundle itself.
- */
-import Element from './delivery';
-import * as controllerModule from './controller';
-
-// Ensure the IIFE package exposes a plain controller object with callable
-// `model`/`outcome` functions on the top-level `controller` property.
-const controller = { ...controllerModule };
-
-export { controller };
-export default Element;

package/src/index.ts

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