@citolab/qti-components 8.0.0 → 8.0.2

package/dist/{chunk-5QYII4OZ.js → chunk-CK7AV2UJ.js}

@@ -5,7 +5,6 @@ import {
   QtiHottext,
   QtiSimpleAssociableChoice,
   QtiSimpleChoice,
-  c as c2,
   dragDropContext,
   elements,
   elements10,
@@ -23,25 +22,26 @@ import {
   elements7,
   elements8,
   elements9
-} from "./chunk-5SJS36BI.js";
+} from "./chunk-TWPXES3S.js";
 import {
   Interaction,
-  T,
   boxSizing,
-  c,
   dropRegion,
-  i,
-  i2,
-  n2 as n,
-  r,
   removeDoubleSlashes
-} from "./chunk-H3J7LFRO.js";
+} from "./chunk-HQESINXH.js";
+
+// ../interactions/core/dist/elements/qti-associable-hotspot/qti-associable-hotspot.js
+import { LitElement, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { consume } from "@lit/context";
 
 // ../interactions/core/dist/elements/qti-associable-hotspot/qti-associable-hotspot.styles.js
+import { css } from "lit";
 var qti_associable_hotspot_styles_default = [
   boxSizing,
   dropRegion,
-  i`
+  css`
     /* A drop target — see qti-gap.styles.ts. The interaction publishes the chip measurements as
      custom properties on its host; the properties themselves live here. */
     :host {
@@ -64,12 +64,12 @@ var qti_associable_hotspot_styles_default = [
 
 // ../interactions/core/dist/elements/qti-associable-hotspot/qti-associable-hotspot.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 QtiAssociableHotspot = class extends i2 {
+var QtiAssociableHotspot = class extends LitElement {
   constructor() {
     super(...arguments);
     this.internals = this.attachInternals();
@@ -91,24 +91,31 @@ var QtiAssociableHotspot = class extends i2 {
     }));
   }
   render() {
-    return T`<div part="drop">
-      ${c2(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
+    return html`<div part="drop">
+      ${repeat(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
     </div>`;
   }
 };
 __decorate([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], QtiAssociableHotspot.prototype, "identifier", void 0);
 __decorate([
-  c({ context: dragDropContext, subscribe: true }),
-  r()
+  consume({ context: dragDropContext, subscribe: true }),
+  state()
 ], QtiAssociableHotspot.prototype, "_dragDrop", void 0);
 
+// ../interactions/core/dist/elements/qti-gap/qti-gap.js
+import { html as html2, LitElement as LitElement2 } from "lit";
+import { property as property2, state as state2 } from "lit/decorators.js";
+import { repeat as repeat2 } from "lit/directives/repeat.js";
+import { consume as consume2 } from "@lit/context";
+
 // ../interactions/core/dist/elements/qti-gap/qti-gap.styles.js
+import { css as css2 } from "lit";
 var qti_gap_styles_default = [
   boxSizing,
   dropRegion,
-  i`
+  css2`
     /*
    * A drop target. The interaction measures its chips and publishes the result as custom
    * properties on its own host; the actual CSS properties live here, not in a style attribute.
@@ -158,12 +165,12 @@ var qti_gap_styles_default = [
 
 // ../interactions/core/dist/elements/qti-gap/qti-gap.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 QtiGap = class extends i2 {
+var QtiGap = class extends LitElement2 {
   constructor() {
     super(...arguments);
     this.internals = this.attachInternals();
@@ -178,26 +185,31 @@ var QtiGap = class extends i2 {
     return this._dragDrop?.nodesByTarget?.[this.identifier] ?? [];
   }
   render() {
-    return T`<div part="drop">
-      ${c2(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
+    return html2`<div part="drop">
+      ${repeat2(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
     </div>`;
   }
 };
 __decorate2([
-  n({ type: Number, reflect: true })
+  property2({ type: Number, reflect: true })
 ], QtiGap.prototype, "tabindex", void 0);
 __decorate2([
-  n({ type: String, reflect: true })
+  property2({ type: String, reflect: true })
 ], QtiGap.prototype, "identifier", void 0);
 __decorate2([
-  c({ context: dragDropContext, subscribe: true }),
-  r()
+  consume2({ context: dragDropContext, subscribe: true }),
+  state2()
 ], QtiGap.prototype, "_dragDrop", void 0);
 
+// ../interactions/core/dist/elements/qti-gap-img/qti-gap-img.js
+import { LitElement as LitElement3 } from "lit";
+import { property as property3 } from "lit/decorators.js";
+
 // ../interactions/core/dist/elements/qti-gap-img/qti-gap-img.styles.js
+import { css as css3 } from "lit";
 var qti_gap_img_styles_default = [
   boxSizing,
-  i`
+  css3`
     /* Centred, because a gap-img is a picture inside a drop the same size as it. Was in the theme's
        graphic-gap-match rules, on the host from the document. */
     :host {
@@ -211,12 +223,12 @@ var qti_gap_img_styles_default = [
 
 // ../interactions/core/dist/elements/qti-gap-img/qti-gap-img.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 QtiGapImg = class extends i2 {
+var QtiGapImg = class extends LitElement3 {
   constructor() {
     super(...arguments);
     this.tabindex = 0;
@@ -230,11 +242,16 @@ var QtiGapImg = class extends i2 {
   }
 };
 __decorate3([
-  n({ type: Number, reflect: true })
+  property3({ type: Number, reflect: true })
 ], QtiGapImg.prototype, "tabindex", void 0);
 
+// ../interactions/core/dist/elements/qti-inline-choice/qti-inline-choice.js
+import { html as html3, LitElement as LitElement4 } from "lit";
+import { property as property4 } from "lit/decorators.js";
+
 // ../interactions/core/dist/elements/qti-inline-choice/qti-inline-choice.styles.js
-var styles = i`
+import { css as css4 } from "lit";
+var styles = css4`
   /*
    * An option row: one line, clipped, with its text centred against the row's min-height. All four
    * were in the theme, set on this host from the document — which is also why the 'display: block'
@@ -256,12 +273,12 @@ var qti_inline_choice_styles_default = styles;
 
 // ../interactions/core/dist/elements/qti-inline-choice/qti-inline-choice.js
 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 QtiInlineChoice = class extends ActiveElementMixin(i2, "qti-inline-choice") {
+var QtiInlineChoice = class extends ActiveElementMixin(LitElement4, "qti-inline-choice") {
   static {
     this.styles = qti_inline_choice_styles_default;
   }
@@ -278,7 +295,7 @@ var QtiInlineChoice = class extends ActiveElementMixin(i2, "qti-inline-choice")
     this.removeEventListener("click", this.#onSelectInlineChoice);
   }
   render() {
-    return T` <slot></slot> `;
+    return html3` <slot></slot> `;
   }
   #onSelectInlineChoice() {
     this.dispatchEvent(new CustomEvent("qti-inline-choice-select", {
@@ -290,13 +307,17 @@ var QtiInlineChoice = class extends ActiveElementMixin(i2, "qti-inline-choice")
   }
 };
 __decorate4([
-  n({ type: String })
+  property4({ type: String })
 ], QtiInlineChoice.prototype, "identifier", void 0);
 
+// ../interactions/core/dist/elements/qti-prompt/qti-prompt.js
+import { html as html4, LitElement as LitElement5 } from "lit";
+
 // ../interactions/core/dist/elements/qti-prompt/qti-prompt.styles.js
+import { css as css5 } from "lit";
 var qti_prompt_styles_default = [
   boxSizing,
-  i`
+  css5`
     :host {
       display: block;
       margin: var(--qti-gap) 0;
@@ -306,12 +327,12 @@ var qti_prompt_styles_default = [
 ];
 
 // ../interactions/core/dist/elements/qti-prompt/qti-prompt.js
-var QtiPrompt = class extends i2 {
+var QtiPrompt = class extends LitElement5 {
   static {
     this.styles = qti_prompt_styles_default;
   }
   render() {
-    return T`<slot></slot>`;
+    return html4`<slot></slot>`;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -322,10 +343,15 @@ var QtiPrompt = class extends i2 {
   }
 };
 
+// ../interactions/custom-interaction/dist/qti-custom-interaction.js
+import { html as html5 } from "lit";
+import { property as property5, state as state3 } from "lit/decorators.js";
+
 // ../interactions/custom-interaction/dist/qti-custom-interaction.styles.js
+import { css as css6 } from "lit";
 var qti_custom_interaction_styles_default = [
   boxSizing,
-  i`
+  css6`
     /* The box this element already had. See the note in qti-match-interaction.styles.ts. */
     :host {
       display: block;
@@ -335,10 +361,10 @@ var qti_custom_interaction_styles_default = [
 
 // ../interactions/custom-interaction/dist/qti-custom-interaction.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 registerCES = `
 const postToParentWindows = (type, data) => {
@@ -559,18 +585,18 @@ var QtiCustomInteraction = class extends Interaction {
           this.#resourceBaseUrl = indexResolved.baseUrl;
         }
         if (indexResolved.text) {
-          let html = indexResolved.text;
-          const alreadyModified = html.includes("postToParentWindows") || html.includes("window.CES");
+          let html11 = indexResolved.text;
+          const alreadyModified = html11.includes("postToParentWindows") || html11.includes("window.CES");
           if (!alreadyModified) {
             const cesScript = "<script>" + registerCES + "</script>";
-            const headIndex = html.indexOf("<head>");
+            const headIndex = html11.indexOf("<head>");
             if (headIndex !== -1) {
-              html = html.slice(0, headIndex + 6) + cesScript + html.slice(headIndex + 6);
+              html11 = html11.slice(0, headIndex + 6) + cesScript + html11.slice(headIndex + 6);
             } else {
-              html = cesScript + html;
+              html11 = cesScript + html11;
             }
           }
-          const blob = new Blob([html], { type: "text/html" });
+          const blob = new Blob([html11], { type: "text/html" });
           this.#contentBlobUrl = URL.createObjectURL(blob);
         }
       } else {
@@ -585,18 +611,18 @@ var QtiCustomInteraction = class extends Interaction {
           this.#resourceBaseUrl = indexResolved.baseUrl;
         }
         if (indexResolved.text) {
-          let html = indexResolved.text;
-          const alreadyModified = html.includes("postToParentWindows") || html.includes("window.CES");
+          let html11 = indexResolved.text;
+          const alreadyModified = html11.includes("postToParentWindows") || html11.includes("window.CES");
           if (!alreadyModified) {
             const cesScript = "<script>" + registerCES + "</script>";
-            const headIndex = html.indexOf("<head>");
+            const headIndex = html11.indexOf("<head>");
             if (headIndex !== -1) {
-              html = html.slice(0, headIndex + 6) + cesScript + html.slice(headIndex + 6);
+              html11 = html11.slice(0, headIndex + 6) + cesScript + html11.slice(headIndex + 6);
             } else {
-              html = cesScript + html;
+              html11 = cesScript + html11;
             }
           }
-          const blob = new Blob([html], { type: "text/html" });
+          const blob = new Blob([html11], { type: "text/html" });
           this.#contentBlobUrl = URL.createObjectURL(blob);
         }
       }
@@ -604,18 +630,18 @@ var QtiCustomInteraction = class extends Interaction {
         try {
           const indexResponse = await fetch(indexUrl);
           if (indexResponse.ok) {
-            let html = await indexResponse.text();
-            const alreadyModified = html.includes("postToParentWindows") || html.includes("window.CES");
+            let html11 = await indexResponse.text();
+            const alreadyModified = html11.includes("postToParentWindows") || html11.includes("window.CES");
             if (!alreadyModified) {
               const cesScript = "<script>" + registerCES + "</script>";
-              const headIndex = html.indexOf("<head>");
+              const headIndex = html11.indexOf("<head>");
               if (headIndex !== -1) {
-                html = html.slice(0, headIndex + 6) + cesScript + html.slice(headIndex + 6);
+                html11 = html11.slice(0, headIndex + 6) + cesScript + html11.slice(headIndex + 6);
               } else {
-                html = cesScript + html;
+                html11 = cesScript + html11;
               }
             }
-            const blob = new Blob([html], { type: "text/html" });
+            const blob = new Blob([html11], { type: "text/html" });
             this.#contentBlobUrl = URL.createObjectURL(blob);
           } else {
             console.error(`Failed to fetch index.html: ${indexResponse.status}`);
@@ -769,7 +795,7 @@ var QtiCustomInteraction = class extends Interaction {
     super.disconnectedCallback();
   }
   render() {
-    return T`<iframe
+    return html5`<iframe
         width=${this.getAttribute("width")}
         height=${this.getAttribute("height")}
         frameborder="0"
@@ -777,7 +803,7 @@ var QtiCustomInteraction = class extends Interaction {
         id="pciContainer"
       >
       </iframe>
-      ${this._errorMessage && T`<div style="color:red">
+      ${this._errorMessage && html5`<div style="color:red">
         <h1>Error</h1>
         ${this._errorMessage}
       </div>`}`;
@@ -829,32 +855,36 @@ var QtiCustomInteraction = class extends Interaction {
   }
 };
 __decorate5([
-  n({ type: String, attribute: "data" })
+  property5({ type: String, attribute: "data" })
 ], QtiCustomInteraction.prototype, "data", void 0);
 __decorate5([
-  n({ type: String, attribute: "data-base-item" })
+  property5({ type: String, attribute: "data-base-item" })
 ], QtiCustomInteraction.prototype, "baseItemUrl", void 0);
 __decorate5([
-  n({ type: String, attribute: "data-base-ref" })
+  property5({ type: String, attribute: "data-base-ref" })
 ], QtiCustomInteraction.prototype, "baseRefUrl", void 0);
 __decorate5([
-  n({ type: String, attribute: "id" })
+  property5({ type: String, attribute: "id" })
 ], QtiCustomInteraction.prototype, "id", void 0);
 __decorate5([
-  r()
+  state3()
 ], QtiCustomInteraction.prototype, "_errorMessage", void 0);
 
+// ../interactions/end-attempt-interaction/dist/qti-end-attempt-interaction.js
+import { html as html6, LitElement as LitElement6 } from "lit";
+import { property as property6 } from "lit/decorators.js";
+
 // ../interactions/end-attempt-interaction/dist/qti-end-attempt-interaction.styles.js
 var qti_end_attempt_interaction_styles_default = [boxSizing];
 
 // ../interactions/end-attempt-interaction/dist/qti-end-attempt-interaction.js
 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 QtiEndAttemptInteraction = class extends i2 {
+var QtiEndAttemptInteraction = class extends LitElement6 {
   constructor() {
     super(...arguments);
     this.disabled = false;
@@ -865,7 +895,7 @@ var QtiEndAttemptInteraction = class extends i2 {
     this.styles = qti_end_attempt_interaction_styles_default;
   }
   render() {
-    return T`<button ?disabled=${this.disabled} part="button" @click=${this.endAttempt}>${this.title}</button>`;
+    return html6`<button ?disabled=${this.disabled} part="button" @click=${this.endAttempt}>${this.title}</button>`;
   }
   endAttempt(_) {
     this.dispatchEvent(new CustomEvent("end-attempt", {
@@ -876,22 +906,26 @@ var QtiEndAttemptInteraction = class extends i2 {
   }
 };
 __decorate6([
-  n({ type: String, attribute: "response-identifier" })
+  property6({ type: String, attribute: "response-identifier" })
 ], QtiEndAttemptInteraction.prototype, "responseIdentifier", void 0);
 __decorate6([
-  n({ reflect: true, type: Boolean })
+  property6({ reflect: true, type: Boolean })
 ], QtiEndAttemptInteraction.prototype, "disabled", void 0);
 __decorate6([
-  n({ type: String, attribute: "count-attempt" })
+  property6({ type: String, attribute: "count-attempt" })
 ], QtiEndAttemptInteraction.prototype, "countAttempt", void 0);
 __decorate6([
-  n({ type: String })
+  property6({ type: String })
 ], QtiEndAttemptInteraction.prototype, "title", void 0);
 
+// ../interactions/media-interaction/dist/qti-media-interaction.js
+import { html as html7 } from "lit";
+
 // ../interactions/media-interaction/dist/qti-media-interaction.styles.js
+import { css as css7 } from "lit";
 var qti_media_interaction_styles_default = [
   boxSizing,
-  i`
+  css7`
     /* The box this element already had. See the note in qti-match-interaction.styles.ts. */
     :host {
       display: block;
@@ -937,7 +971,7 @@ var QtiMediaInteraction = class extends Interaction {
     };
   }
   render() {
-    return T` <slot name="prompt"></slot>
+    return html7` <slot name="prompt"></slot>
       <slot></slot>`;
   }
   constructor() {
@@ -955,10 +989,14 @@ var QtiMediaInteraction = class extends Interaction {
   }
 };
 
+// ../interactions/position-object-interaction/dist/qti-position-object-interaction.js
+import { LitElement as LitElement7, html as html8 } from "lit";
+
 // ../interactions/position-object-interaction/dist/qti-position-object-interaction.styles.js
+import { css as css8 } from "lit";
 var qti_position_object_interaction_styles_default = [
   boxSizing,
-  i`
+  css8`
     :host {
       display: block;
     }
@@ -973,19 +1011,23 @@ var qti_position_object_interaction_styles_default = [
 ];
 
 // ../interactions/position-object-interaction/dist/qti-position-object-interaction.js
-var QtiPositionObjectInteraction = class extends i2 {
+var QtiPositionObjectInteraction = class extends LitElement7 {
   static {
     this.styles = qti_position_object_interaction_styles_default;
   }
   render() {
-    return T`<slot></slot>`;
+    return html8`<slot></slot>`;
   }
 };
 
+// ../interactions/position-object-interaction/dist/qti-position-object-stage.js
+import { LitElement as LitElement8, html as html9 } from "lit";
+
 // ../interactions/position-object-interaction/dist/qti-position-object-stage.styles.js
+import { css as css9 } from "lit";
 var qti_position_object_stage_styles_default = [
   boxSizing,
-  i`
+  css9`
     :host {
       display: inline-block;
       position: relative;
@@ -994,12 +1036,12 @@ var qti_position_object_stage_styles_default = [
 ];
 
 // ../interactions/position-object-interaction/dist/qti-position-object-stage.js
-var QtiPositionObjectStage = class extends i2 {
+var QtiPositionObjectStage = class extends LitElement8 {
   static {
     this.styles = qti_position_object_stage_styles_default;
   }
   render() {
-    return T`<slot></slot>`;
+    return html9`<slot></slot>`;
   }
   constructor() {
     super();
@@ -1038,10 +1080,14 @@ var QtiPositionObjectStage = class extends i2 {
   }
 };
 
+// ../interactions/upload-interaction/dist/qti-upload-interaction.js
+import { html as html10 } from "lit";
+
 // ../interactions/upload-interaction/dist/qti-upload-interaction.styles.js
+import { css as css10 } from "lit";
 var qti_upload_interaction_styles_default = [
   boxSizing,
-  i`
+  css10`
     :host {
       display: block;
       margin: 1em 0;
@@ -1087,7 +1133,7 @@ var QtiUploadInteraction = class extends Interaction {
     };
   }
   render() {
-    return T`
+    return html10`
       <div>
         <slot name="prompt"></slot>
         <input type="file" @change="${this.#onFileChange}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" />
@@ -1371,4 +1417,4 @@ export {
   QtiUploadInteraction,
   qtiInteractionElements
 };
-//# sourceMappingURL=chunk-5QYII4OZ.js.map
+//# sourceMappingURL=chunk-CK7AV2UJ.js.map