@citolab/qti-components 8.0.1 → 8.1.0

package/dist/{chunk-XU7HNT4F.js → chunk-CF3DXJWM.js}

@@ -2,10 +2,10 @@ import {
   QtiTest,
   TestCheckItem,
   TestNavigation
-} from "./chunk-RXGDQDOV.js";
+} from "./chunk-Q52IJELT.js";
 import {
   QtiAssessmentItem
-} from "./chunk-WVVMNF74.js";
+} from "./chunk-6XJUP55A.js";
 import {
   QtiAssociateInteraction,
   QtiChoiceInteraction,
@@ -27,38 +27,29 @@ import {
   QtiSimpleAssociableChoice,
   QtiSimpleChoice,
   QtiSliderInteraction,
-  QtiTextEntryInteraction,
-  c as c2,
-  o
-} from "./chunk-F4BNJWYN.js";
+  QtiTextEntryInteraction
+} from "./chunk-4XR2JHCP.js";
 import {
   QtiItem
-} from "./chunk-QECOPVPO.js";
+} from "./chunk-TXIB3SKC.js";
 import {
   watch
-} from "./chunk-64XSIBGO.js";
+} from "./chunk-4DB4SC5K.js";
 import {
-  A,
   ScoringHelper,
-  T,
-  b,
-  c,
   computedContext,
   computedItemContext,
   configContext,
-  i,
-  i2,
-  n2 as n,
-  r,
   responseAttributeConverter
-} from "./chunk-H3J7LFRO.js";
+} from "./chunk-EKXZI26R.js";
 
 // ../qti-corrections/dist/mixins/correct-response.mixin.js
+import { property, state } from "lit/decorators.js";
 var __decorate = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var Correctness;
 (function(Correctness2) {
@@ -141,11 +132,11 @@ var CorrectResponseMixin = (superClass) => {
       }
       const correctArr = Array.isArray(correctResponse) ? correctResponse : [correctResponse];
       const responseArr = Array.isArray(currentResponse) ? currentResponse : [currentResponse];
-      const filteredResponseArr = responseArr.filter((r2) => r2 !== "");
+      const filteredResponseArr = responseArr.filter((r) => r !== "");
       if (filteredResponseArr.length === 0)
         return null;
-      const correctCount = filteredResponseArr.filter((r2) => correctArr.includes(r2)).length;
-      const incorrectCount = filteredResponseArr.filter((r2) => !correctArr.includes(r2)).length;
+      const correctCount = filteredResponseArr.filter((r) => correctArr.includes(r)).length;
+      const incorrectCount = filteredResponseArr.filter((r) => !correctArr.includes(r)).length;
       if (correctCount === correctArr.length && incorrectCount === 0 && filteredResponseArr.length === correctArr.length) {
         return Correctness.Correct;
       }
@@ -244,41 +235,42 @@ var CorrectResponseMixin = (superClass) => {
     }
   }
   __decorate([
-    n({
+    property({
       attribute: "correct-response",
       reflect: true,
       converter: responseAttributeConverter({ emptyAs: null })
     })
   ], CorrectResponseMixinClass.prototype, "correctResponseAttr", null);
   __decorate([
-    n({ type: Boolean, attribute: "show-correct-response", reflect: true })
+    property({ type: Boolean, attribute: "show-correct-response", reflect: true })
   ], CorrectResponseMixinClass.prototype, "showCorrectResponse", void 0);
   __decorate([
     watch("showCorrectResponse", { waitUntilFirstUpdate: true })
   ], CorrectResponseMixinClass.prototype, "_handleShowCorrectResponseChange", void 0);
   __decorate([
-    n({ type: Boolean, attribute: "show-full-correct-response", reflect: true })
+    property({ type: Boolean, attribute: "show-full-correct-response", reflect: true })
   ], CorrectResponseMixinClass.prototype, "showFullCorrectResponse", void 0);
   __decorate([
     watch("showFullCorrectResponse", { waitUntilFirstUpdate: true })
   ], CorrectResponseMixinClass.prototype, "_handleShowFullCorrectResponseChange", void 0);
   __decorate([
-    n({ type: Boolean, attribute: "show-candidate-correction", reflect: true })
+    property({ type: Boolean, attribute: "show-candidate-correction", reflect: true })
   ], CorrectResponseMixinClass.prototype, "showCandidateCorrection", void 0);
   __decorate([
     watch("showCandidateCorrection", { waitUntilFirstUpdate: true })
   ], CorrectResponseMixinClass.prototype, "_handleShowCandidateCorrectionChange", void 0);
   __decorate([
-    r()
+    state()
   ], CorrectResponseMixinClass.prototype, "_isFullCorrectResponse", void 0);
   __decorate([
-    r()
+    state()
   ], CorrectResponseMixinClass.prototype, "_correctResponse", void 0);
   return CorrectResponseMixinClass;
 };
 
 // ../qti-corrections/dist/styles/correction.styles.js
-var correctionPart = i`
+import { css } from "lit";
+var correctionPart = css`
   /* Nothing at all until the item judges this element. */
   [part~='correction'] {
     display: none;
@@ -314,11 +306,12 @@ var correctionPart = i`
 `;
 
 // ../qti-corrections/dist/mixins/candidate-correction.mixin.js
+import { state as state2 } from "lit/decorators.js";
 var __decorate2 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var CandidateCorrectionMixin = (superClass) => {
   class CandidateCorrectionMixinClass extends CorrectResponseMixin(superClass) {
@@ -370,7 +363,7 @@ var CandidateCorrectionMixin = (superClass) => {
     }
   }
   __decorate2([
-    r()
+    state2()
   ], CandidateCorrectionMixinClass.prototype, "_candidateCorrection", void 0);
   return CandidateCorrectionMixinClass;
 };
@@ -411,6 +404,9 @@ var ChoiceCorrectionMixin = (superClass) => {
   return ChoiceCorrectionMixinClass;
 };
 
+// ../qti-corrections/dist/elements/qti-gap-text-correction.js
+import { html } from "lit";
+
 // ../qti-corrections/dist/mixins/active-element-correction.mixin.js
 var ActiveElementCorrectionMixin = (superClass) => {
   class ActiveElementCorrectionMixinClass extends superClass {
@@ -444,18 +440,19 @@ var QtiGapTextCorrection = class extends ActiveElementCorrectionMixin(QtiGapText
     this.styles = [QtiGapText.styles, correctionPart];
   }
   render() {
-    return T`<div part="control"></div>
+    return html`<div part="control"></div>
       <slot part="label"></slot>
       <span part=${this.correctionPart} aria-hidden="true"></span>`;
   }
 };
 
 // ../qti-corrections/dist/elements/qti-hotspot-choice-correction.js
+import { property as property2 } from "lit/decorators.js";
 var __decorate3 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var QtiHotspotChoiceCorrection = class extends ActiveElementCorrectionMixin(QtiHotspotChoice) {
   constructor() {
@@ -464,46 +461,50 @@ var QtiHotspotChoiceCorrection = class extends ActiveElementCorrectionMixin(QtiH
   }
 };
 __decorate3([
-  n({ attribute: "aria-ordercorrectvalue", type: Number, reflect: true })
+  property2({ attribute: "aria-ordercorrectvalue", type: Number, reflect: true })
 ], QtiHotspotChoiceCorrection.prototype, "orderCorrect", void 0);
 
 // ../qti-corrections/dist/elements/qti-hottext-correction.js
+import { html as html2 } from "lit";
 var QtiHottextCorrection = class extends ActiveElementCorrectionMixin(QtiHottext) {
   static {
     this.styles = [QtiHottext.styles, correctionPart];
   }
   render() {
-    return T`<div part="control"><div part="control-mark"></div></div>
+    return html2`<div part="control"><div part="control-mark"></div></div>
       <slot part="label"></slot>
       <span part=${this.correctionPart} aria-hidden="true"></span>`;
   }
 };
 
 // ../qti-corrections/dist/elements/qti-simple-associable-choice-correction.js
+import { html as html3 } from "lit";
+import { repeat } from "lit/directives/repeat.js";
 var QtiSimpleAssociableChoiceCorrection = class extends ActiveElementCorrectionMixin(QtiSimpleAssociableChoice) {
   static {
     this.styles = [QtiSimpleAssociableChoice.styles, correctionPart];
   }
   render() {
-    return T`
+    return html3`
       <div part="control"></div>
       <slot part="label"></slot>
       <span part=${this.correctionPart} aria-hidden="true"></span>
       <div part="drop">
-        ${c2(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
+        ${repeat(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
       </div>
     `;
   }
 };
 
 // ../qti-corrections/dist/elements/qti-simple-choice-correction.js
+import { html as html4, nothing } from "lit";
 var QtiSimpleChoiceCorrection = class extends ActiveElementCorrectionMixin(QtiSimpleChoice) {
   static {
     this.styles = [QtiSimpleChoice.styles, correctionPart];
   }
   render() {
-    return T`<div part="control" tabindex="0"><div part="control-mark"></div></div>
-      ${this.marker ? T`<div id="label" part="marker">${this.marker}</div>` : A}
+    return html4`<div part="control" tabindex="0"><div part="control-mark"></div></div>
+      ${this.marker ? html4`<div id="label" part="marker">${this.marker}</div>` : nothing}
       <slot part="label"></slot>
       <span part=${this.correctionPart} aria-hidden="true"></span>`;
   }
@@ -607,13 +608,16 @@ var TestCheckItemCorrection = class extends TestCheckItem {
 };
 
 // ../qti-corrections/dist/components/item-correct-response-mode/item-correct-response-mode.js
+import { html as html5, LitElement } from "lit";
+import { property as property3, state as state3 } from "lit/decorators.js";
+import { consume } from "@lit/context";
 var __decorate4 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var ItemCorrectResponseMode = class extends i2 {
+var ItemCorrectResponseMode = class extends LitElement {
   constructor() {
     super(...arguments);
     this.label = "Correct response mode";
@@ -629,7 +633,7 @@ var ItemCorrectResponseMode = class extends i2 {
     }));
   }
   render() {
-    return T`
+    return html5`
       <label part="label" for="modeSelect">${this.label}</label>
       <select
         part="select"
@@ -639,7 +643,7 @@ var ItemCorrectResponseMode = class extends i2 {
       this.#switchMode(el.value);
     }}
       >
-        ${Object.keys(this._options).map((value) => T`<option value="${value}" ?selected=${value === this.itemContext?.correctResponseMode}>
+        ${Object.keys(this._options).map((value) => html5`<option value="${value}" ?selected=${value === this.itemContext?.correctResponseMode}>
               ${this._options[value]}
             </option>`)}
       </select>
@@ -647,17 +651,23 @@ var ItemCorrectResponseMode = class extends i2 {
   }
 };
 __decorate4([
-  c({ context: configContext, subscribe: true })
+  consume({ context: configContext, subscribe: true })
 ], ItemCorrectResponseMode.prototype, "itemContext", void 0);
 __decorate4([
-  n({ type: String })
+  property3({ type: String })
 ], ItemCorrectResponseMode.prototype, "label", void 0);
 __decorate4([
-  r()
+  state3()
 ], ItemCorrectResponseMode.prototype, "_options", void 0);
 
+// ../qti-corrections/dist/components/item-show-candidate-correction/item-show-candidate-correction.js
+import { css as css3, html as html6, LitElement as LitElement2 } from "lit";
+import { property as property4 } from "lit/decorators.js";
+import { consume as consume2 } from "@lit/context";
+
 // ../qti-corrections/dist/components/styles.js
-var form = i`
+import { css as css2 } from "lit";
+var form = css2`
   display: inline-flex;
   align-items: center;
   cursor: pointer;
@@ -665,29 +675,29 @@ var form = i`
   border-radius: 0.25rem;
   user-select: none;
 `;
-var btn = i`
+var btn = css2`
   background-color: lightgray;
   ${form};
 `;
-var dis = i`
+var dis = css2`
   cursor: not-allowed;
   opacity: 0.8;
 `;
-var ind = i`
+var ind = css2`
   ${form};
   border: 1px solid gray;
 `;
 
 // ../qti-corrections/dist/components/item-show-candidate-correction/item-show-candidate-correction.js
 var __decorate5 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var ItemShowCandidateCorrection = class extends i2 {
+var ItemShowCandidateCorrection = class extends LitElement2 {
   static {
-    this.styles = i`
+    this.styles = css3`
     :host {
       ${btn};
     }
@@ -733,36 +743,39 @@ var ItemShowCandidateCorrection = class extends i2 {
     return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCandidateCorrectionText : this.showCandidateCorrectionText;
   }
   render() {
-    return T` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
+    return html6` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
   }
 };
 __decorate5([
-  c({ context: computedItemContext, subscribe: true })
+  consume2({ context: computedItemContext, subscribe: true })
 ], ItemShowCandidateCorrection.prototype, "computedContext", void 0);
 __decorate5([
-  n({ type: Boolean, reflect: true })
+  property4({ type: Boolean, reflect: true })
 ], ItemShowCandidateCorrection.prototype, "shown", void 0);
 __decorate5([
-  n({ type: Boolean, reflect: true })
+  property4({ type: Boolean, reflect: true })
 ], ItemShowCandidateCorrection.prototype, "disabled", void 0);
 __decorate5([
-  n({ type: String })
+  property4({ type: String })
 ], ItemShowCandidateCorrection.prototype, "showCandidateCorrectionText", void 0);
 __decorate5([
-  n({ type: String })
+  property4({ type: String })
 ], ItemShowCandidateCorrection.prototype, "hideCandidateCorrectionText", void 0);
 __decorate5([
-  n({ type: String })
+  property4({ type: String })
 ], ItemShowCandidateCorrection.prototype, "noCorrectResponseText", void 0);
 
 // ../qti-corrections/dist/components/item-show-correct-response/item-show-correct-response.js
+import { css as css4, html as html7, LitElement as LitElement3 } from "lit";
+import { property as property5 } from "lit/decorators.js";
+import { consume as consume3 } from "@lit/context";
 var __decorate6 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var ItemShowCorrectResponse = class extends i2 {
+var ItemShowCorrectResponse = class extends LitElement3 {
   constructor() {
     super(...arguments);
     this.shown = false;
@@ -774,7 +787,7 @@ var ItemShowCorrectResponse = class extends i2 {
     this.#previousActiveItem = "";
   }
   static {
-    this.styles = i`
+    this.styles = css4`
     :host {
       ${btn};
     }
@@ -810,36 +823,39 @@ var ItemShowCorrectResponse = class extends i2 {
     return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
   }
   render() {
-    return T` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
+    return html7` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
   }
 };
 __decorate6([
-  c({ context: computedItemContext, subscribe: true })
+  consume3({ context: computedItemContext, subscribe: true })
 ], ItemShowCorrectResponse.prototype, "computedContext", void 0);
 __decorate6([
-  n({ type: Boolean, reflect: true })
+  property5({ type: Boolean, reflect: true })
 ], ItemShowCorrectResponse.prototype, "shown", void 0);
 __decorate6([
-  n({ type: Boolean, reflect: true })
+  property5({ type: Boolean, reflect: true })
 ], ItemShowCorrectResponse.prototype, "disabled", void 0);
 __decorate6([
-  n({ type: String })
+  property5({ type: String })
 ], ItemShowCorrectResponse.prototype, "showCorrectText", void 0);
 __decorate6([
-  n({ type: String })
+  property5({ type: String })
 ], ItemShowCorrectResponse.prototype, "hideCorrectText", void 0);
 __decorate6([
-  n({ type: String })
+  property5({ type: String })
 ], ItemShowCorrectResponse.prototype, "noCorrectResponseText", void 0);
 
 // ../qti-corrections/dist/components/test-show-correct-response/test-show-correct-response.js
+import { css as css5, html as html8, LitElement as LitElement4 } from "lit";
+import { property as property6 } from "lit/decorators.js";
+import { consume as consume4 } from "@lit/context";
 var __decorate7 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var TestShowCorrectResponse = class extends i2 {
+var TestShowCorrectResponse = class extends LitElement4 {
   constructor() {
     super(...arguments);
     this.shown = false;
@@ -849,7 +865,7 @@ var TestShowCorrectResponse = class extends i2 {
     this.noCorrectResponseText = "No correct response specified";
   }
   static {
-    this.styles = i`
+    this.styles = css5`
     :host {
       ${btn};
     }
@@ -889,26 +905,26 @@ var TestShowCorrectResponse = class extends i2 {
     return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
   }
   render() {
-    return T` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
+    return html8` <div @click="${this.#toggleState}">${this.#getDisplayedText()}</div> `;
   }
 };
 __decorate7([
-  c({ context: computedContext, subscribe: true })
+  consume4({ context: computedContext, subscribe: true })
 ], TestShowCorrectResponse.prototype, "computedContext", void 0);
 __decorate7([
-  n({ type: Boolean, reflect: true })
+  property6({ type: Boolean, reflect: true })
 ], TestShowCorrectResponse.prototype, "shown", void 0);
 __decorate7([
-  n({ type: Boolean, reflect: true })
+  property6({ type: Boolean, reflect: true })
 ], TestShowCorrectResponse.prototype, "disabled", void 0);
 __decorate7([
-  n({ type: String })
+  property6({ type: String })
 ], TestShowCorrectResponse.prototype, "showCorrectText", void 0);
 __decorate7([
-  n({ type: String })
+  property6({ type: String })
 ], TestShowCorrectResponse.prototype, "hideCorrectText", void 0);
 __decorate7([
-  n({ type: String })
+  property6({ type: String })
 ], TestShowCorrectResponse.prototype, "noCorrectResponseText", void 0);
 
 // ../qti-corrections/dist/mixins/drag-drop-correction.mixin.js
@@ -941,18 +957,20 @@ var QtiChoiceInteractionCorrection = class extends ChoiceCorrectionMixin(QtiChoi
 };
 
 // ../qti-corrections/dist/interactions/qti-extended-text-interaction-correction.js
+import { css as css6, html as html9 } from "lit";
+import { property as property7 } from "lit/decorators.js";
 var __decorate8 = function(decorators, target, key, desc) {
-  var c3 = arguments.length, r2 = c3 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
-  else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c3 < 3 ? d(r2) : c3 > 3 ? d(target, key, r2) : d(target, key)) || r2;
-  return c3 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var QtiExtendedTextInteractionCorrection = class extends ActiveElementCorrectionMixin(QtiExtendedTextInteraction) {
   static {
     this.styles = [
       QtiExtendedTextInteraction.styles,
       correctionPart,
-      i`
+      css6`
       /*
        * Placement only — the glyph itself is the theme's, keyed on ::part(correction-*). That split
        * is the contract in correction.styles.ts, which deliberately leaves the shared badge in flow
@@ -1018,13 +1036,13 @@ var QtiExtendedTextInteractionCorrection = class extends ActiveElementCorrection
   }
   /** The badge goes between the field and the validation message; everything else is the base's. */
   render() {
-    return T`${this.renderPrompt()}${this.renderTextarea()}
+    return html9`${this.renderPrompt()}${this.renderTextarea()}
       <span part=${this.correctionPart} aria-hidden="true"></span>
       ${this.renderValidationMessage()}`;
   }
 };
 __decorate8([
-  n({ attribute: "candidate-correction", reflect: true, noAccessor: true })
+  property7({ attribute: "candidate-correction", reflect: true, noAccessor: true })
 ], QtiExtendedTextInteractionCorrection.prototype, "candidateCorrection", void 0);
 
 // ../qti-corrections/dist/interactions/shared.js
@@ -1059,6 +1077,8 @@ var QtiGapMatchInteractionCorrection = class extends DragDropCorrectionMixin(Qti
 };
 
 // ../qti-corrections/dist/interactions/qti-graphic-associate-interaction-correction.js
+import { svg } from "lit";
+import { repeat as repeat2 } from "lit/directives/repeat.js";
 var QtiGraphicAssociateInteractionCorrection = class extends CandidateCorrectionMixin(QtiGraphicAssociateInteraction) {
   #correctLines = [];
   toggleInternalCorrectResponse(show) {
@@ -1069,7 +1089,7 @@ var QtiGraphicAssociateInteractionCorrection = class extends CandidateCorrection
     this.requestUpdate("correctLines", previous);
   }
   renderSupplementalLines() {
-    return c2(this.#correctLines, (line) => line, (line) => b`
+    return repeat2(this.#correctLines, (line) => line, (line) => svg`
         <line
           part="correct-line"
           x1=${parseInt(this.querySelector(`[identifier=${line.split(" ")[0]}]`).style.left)}
@@ -1133,12 +1153,13 @@ var QtiHottextInteractionCorrection = class extends ChoiceCorrectionMixin(QtiHot
 };
 
 // ../qti-corrections/dist/interactions/qti-inline-choice-interaction-correction.js
+import { css as css7, html as html10 } from "lit";
 var QtiInlineChoiceInteractionCorrection = class extends CandidateCorrectionMixin(QtiInlineChoiceInteraction) {
   static get styles() {
     return [
       QtiInlineChoiceInteraction.styles,
       correctionPart,
-      i`
+      css7`
         /*
          * Only the TRAILING inset — the leading gap is the shared --qti-glyph-gap, like every other
          * badge. This used to set both margins to --qti-gap (1rem), twice everyone else's 0.5em, on
@@ -1192,7 +1213,7 @@ var QtiInlineChoiceInteractionCorrection = class extends CandidateCorrectionMixi
   }
   /** The badge trails the validation message; everything else is the base's. */
   render() {
-    return T`
+    return html10`
       ${this.renderTrigger()} ${this.renderMenu()} ${this.renderValidationMessage()}
       <span part=${this.correctionPart} aria-hidden="true"></span>
     `;
@@ -1278,7 +1299,7 @@ var QtiOrderInteractionCorrection = class extends DragDropCorrectionMixin(QtiOrd
       const [identifier, dropId] = entry.split(" ");
       const parsed = dropId?.startsWith("droplist") ? parseInt(dropId.slice("droplist".length), 10) : index;
       return { identifier, dropIndex: Number.isNaN(parsed) ? index : parsed };
-    }).filter((entry) => entry.identifier).sort((a, b2) => a.dropIndex - b2.dropIndex).map((entry) => entry.identifier);
+    }).filter((entry) => entry.identifier).sort((a, b) => a.dropIndex - b.dropIndex).map((entry) => entry.identifier);
     if (correctOrder.length === 0)
       return;
     const placedEntries = placedChoices.map((choice) => ({ choice, identifier: choice.getAttribute("identifier") })).filter((entry) => Boolean(entry.identifier));
@@ -1353,13 +1374,16 @@ var QtiPortableCustomInteractionCorrection = class extends CandidateCorrectionMi
 };
 
 // ../qti-corrections/dist/interactions/qti-select-point-interaction-correction.js
+import { css as css8, html as html11 } from "lit";
+import { repeat as repeat3 } from "lit/directives/repeat.js";
+import { styleMap } from "lit/directives/style-map.js";
 var QtiSelectPointInteractionCorrection = class extends CandidateCorrectionMixin(QtiSelectPointInteraction) {
   #correctAreas = [];
   #responseCorrection = [];
   static {
     this.styles = [
       QtiSelectPointInteraction.styles,
-      i`
+      css8`
       [part~='correct'] {
         --qti-select-point-marker-color: var(--qti-correct);
       }
@@ -1425,8 +1449,8 @@ var QtiSelectPointInteractionCorrection = class extends CandidateCorrectionMixin
     return verdict === void 0 ? "point" : `point ${verdict ? "correct" : "incorrect"}`;
   }
   renderSupplementalLayer() {
-    return c2(this.#correctAreas, (area) => `${area.shape}:${area.coords}`, (area, index) => T`<div
-          style=${o({
+    return repeat3(this.#correctAreas, (area) => `${area.shape}:${area.coords}`, (area, index) => html11`<div
+          style=${styleMap({
       position: "absolute",
       pointerEvents: "none",
       backgroundColor: "var(--qti-correct)",
@@ -1447,12 +1471,13 @@ var QtiSelectPointInteractionCorrection = class extends CandidateCorrectionMixin
 };
 
 // ../qti-corrections/dist/interactions/qti-slider-interaction-correction.js
+import { css as css9, html as html12, nothing as nothing2 } from "lit";
 var QtiSliderInteractionCorrection = class extends CandidateCorrectionMixin(QtiSliderInteraction) {
   #correctResponseNumber = null;
   static {
     this.styles = [
       QtiSliderInteraction.styles,
-      i`
+      css9`
       [part='knob-correct'] {
         background-color: var(--qti-correct-light);
         border: 2px solid var(--qti-correct);
@@ -1484,19 +1509,20 @@ var QtiSliderInteractionCorrection = class extends CandidateCorrectionMixin(QtiS
     this.requestUpdate("correctResponseNumber", previous);
   }
   renderRailSupplement() {
-    return this.#correctResponseNumber === null ? A : T`<div id="knob-correct" part="knob-correct">
+    return this.#correctResponseNumber === null ? nothing2 : html12`<div id="knob-correct" part="knob-correct">
           <div id="value" part="value">${this.#correctResponseNumber}</div>
         </div>`;
   }
 };
 
 // ../qti-corrections/dist/interactions/qti-text-entry-interaction-correction.js
+import { css as css10, html as html13 } from "lit";
 var QtiTextEntryInteractionCorrection = class extends CandidateCorrectionMixin(QtiTextEntryInteraction) {
   static {
     this.styles = [
       QtiTextEntryInteraction.styles,
       correctionPart,
-      i`
+      css10`
       /*
        * The trailing inset only — size and leading gap come from the shared sheet.
        *
@@ -1560,7 +1586,7 @@ var QtiTextEntryInteractionCorrection = class extends CandidateCorrectionMixin(Q
   }
   /** The badge goes between the field and the validation message; everything else is the base's. */
   render() {
-    return T`
+    return html13`
       ${this.renderAnswer()} ${this.renderInput()}
       <span part=${this.correctionPart} aria-hidden="true"></span>
       ${this.renderValidationMessage()}
@@ -1605,4 +1631,4 @@ export {
   QtiSliderInteractionCorrection,
   QtiTextEntryInteractionCorrection
 };
-//# sourceMappingURL=chunk-XU7HNT4F.js.map
+//# sourceMappingURL=chunk-CF3DXJWM.js.map