@citolab/qti-components 8.0.0 → 8.0.2

package/dist/{chunk-5SJS36BI.js → chunk-TWPXES3S.js}

@@ -1,52 +1,34 @@
 import {
-  o as o2
-} from "./chunk-X3E5HXG2.js";
-import {
-  M,
-  e as e3,
-  f,
-  h,
-  i as i3,
-  p,
-  t,
-  u,
-  v,
   watch
-} from "./chunk-64XSIBGO.js";
+} from "./chunk-4DB4SC5K.js";
 import {
-  A,
-  E,
   Interaction,
-  T,
-  b,
   boxSizing,
-  c,
   configContext,
   dropRegion,
-  e,
-  e2,
-  i,
-  i2,
   interactionContext,
   itemContext,
-  n,
-  n2,
-  o,
   parseResponseAttribute,
   qtiContext,
-  r,
   removeDoubleSlashes,
   responseAttributeConverter,
   serializeResponseAttribute,
   validationMessage
-} from "./chunk-H3J7LFRO.js";
+} from "./chunk-HQESINXH.js";
+
+// ../interactions/core/dist/elements/qti-gap-text/qti-gap-text.js
+import { html as html2, LitElement } from "lit";
+import { property as property2 } from "lit/decorators.js";
 
 // ../interactions/core/dist/mixins/active-element/active-element.mixin.js
+import { html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 ariaBooleanConverter = {
   toAttribute: (value) => value ? "true" : "false",
@@ -104,6 +86,10 @@ function ActiveElementMixin(Base, type) {
       this.#appliedChoiceRole = null;
       this.internals = this.attachInternals();
     }
+    /* `PropertyValues`, not `PropertyValues<this>`: the polymorphic `this` narrows the
+    parameter per subclass and breaks structural compatibility with LitElement, which
+    is what `Constructor<LitElement>` — the standard Lit mixin constraint — checks.
+    See Interaction#firstUpdated in @qti-components/base. */
     willUpdate(changed) {
       super.willUpdate(changed);
       this.#syncChoiceRole();
@@ -160,32 +146,32 @@ function ActiveElementMixin(Base, type) {
       }));
     }
     render() {
-      return T`<slot></slot>`;
+      return html`<slot></slot>`;
     }
   }
   __decorate([
-    n2({ type: String })
+    property({ type: String })
   ], QtiChoice.prototype, "identifier", void 0);
   __decorate([
-    n2({ type: Number, reflect: true, attribute: "tabindex" })
+    property({ type: Number, reflect: true, attribute: "tabindex" })
   ], QtiChoice.prototype, "tabIndex", void 0);
   __decorate([
-    n2({
+    property({
       type: Boolean,
       attribute: "aria-disabled",
       converter: ariaBooleanConverter
     })
   ], QtiChoice.prototype, "disabled", void 0);
   __decorate([
-    n2({
+    property({
       type: Boolean,
       attribute: "aria-readonly",
       converter: ariaBooleanConverter
     })
   ], QtiChoice.prototype, "readonly", void 0);
   __decorate([
-    c({ context: interactionContext, subscribe: true }),
-    r()
+    consume({ context: interactionContext, subscribe: true }),
+    state()
   ], QtiChoice.prototype, "_interactionContext", void 0);
   __decorate([
     watch("disabled", { waitUntilFirstUpdate: true })
@@ -197,9 +183,10 @@ function ActiveElementMixin(Base, type) {
 }
 
 // ../interactions/core/dist/elements/qti-gap-text/qti-gap-text.styles.js
+import { css } from "lit";
 var qti_gap_text_styles_default = [
   boxSizing,
-  i`
+  css`
     /*
      * A chip's own box. Both drag-drop interactions that use this element laid it out from the
      * theme — gap-match with 'display: flex !important; align-items: center !important',
@@ -235,12 +222,12 @@ var qti_gap_text_styles_default = [
 
 // ../interactions/core/dist/elements/qti-gap-text/qti-gap-text.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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiGapText = class extends ActiveElementMixin(i2, "qti-gap-text") {
+var QtiGapText = class extends ActiveElementMixin(LitElement, "qti-gap-text") {
   constructor() {
     super(...arguments);
     this.tabindex = 0;
@@ -253,18 +240,23 @@ var QtiGapText = class extends ActiveElementMixin(i2, "qti-gap-text") {
     this.setAttribute("slot", "drags");
   }
   render() {
-    return T`<div part="control"></div>
+    return html2`<div part="control"></div>
       <slot part="label"></slot>`;
   }
 };
 __decorate2([
-  n2({ type: Number, reflect: true })
+  property2({ type: Number, reflect: true })
 ], QtiGapText.prototype, "tabindex", void 0);
 
+// ../interactions/core/dist/elements/qti-hotspot-choice/qti-hotspot-choice.js
+import { LitElement as LitElement2 } from "lit";
+import { property as property3 } from "lit/decorators.js";
+
 // ../interactions/core/dist/elements/qti-hotspot-choice/qti-hotspot-choice.styles.js
+import { css as css2 } from "lit";
 var qti_hotspot_choice_styles_default = [
   boxSizing,
-  i`
+  css2`
     :host {
       display: flex;
       user-select: none;
@@ -289,24 +281,28 @@ var qti_hotspot_choice_styles_default = [
 
 // ../interactions/core/dist/elements/qti-hotspot-choice/qti-hotspot-choice.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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiHotspotChoice = class extends ActiveElementMixin(i2, "qti-hotspot-choice") {
+var QtiHotspotChoice = class extends ActiveElementMixin(LitElement2, "qti-hotspot-choice") {
   static {
     this.styles = qti_hotspot_choice_styles_default;
   }
 };
 __decorate3([
-  n2({ attribute: "aria-ordervalue", type: Number, reflect: true })
+  property3({ attribute: "aria-ordervalue", type: Number, reflect: true })
 ], QtiHotspotChoice.prototype, "order", void 0);
 
+// ../interactions/core/dist/elements/qti-hottext/qti-hottext.js
+import { html as html3, LitElement as LitElement3 } from "lit";
+
 // ../interactions/core/dist/elements/qti-hottext/qti-hottext.styles.js
+import { css as css3 } from "lit";
 var qti_hottext_styles_default = [
   boxSizing,
-  i`
+  css3`
     /* 'position: relative' is the containing block for the answer-key tick the theme draws as an
        absolutely positioned ::before. See CONTRACT.md §7. */
     :host {
@@ -330,77 +326,32 @@ var qti_hottext_styles_default = [
 ];
 
 // ../interactions/core/dist/elements/qti-hottext/qti-hottext.js
-var QtiHottext = class extends ActiveElementMixin(i2, "qti-hottext") {
+var QtiHottext = class extends ActiveElementMixin(LitElement3, "qti-hottext") {
   static {
     this.styles = qti_hottext_styles_default;
   }
   render() {
-    return T`<div part="control"><div part="control-mark"></div></div>
+    return html3`<div part="control"><div part="control-mark"></div></div>
       <slot part="label"></slot>`;
   }
 };
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/repeat.js
-var u2 = (e5, s, t2) => {
-  const r2 = /* @__PURE__ */ new Map();
-  for (let l = s; l <= t2; l++) r2.set(e5[l], l);
-  return r2;
-};
-var c2 = e3(class extends i3 {
-  constructor(e5) {
-    if (super(e5), e5.type !== t.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e5, s, t2) {
-    let r2;
-    void 0 === t2 ? t2 = s : void 0 !== s && (r2 = s);
-    const l = [], o5 = [];
-    let i5 = 0;
-    for (const s2 of e5) l[i5] = r2 ? r2(s2, i5) : i5, o5[i5] = t2(s2, i5), i5++;
-    return { values: o5, keys: l };
-  }
-  render(e5, s, t2) {
-    return this.dt(e5, s, t2).values;
-  }
-  update(s, [t2, r2, c3]) {
-    const d = M(s), { values: p2, keys: a } = this.dt(t2, r2, c3);
-    if (!Array.isArray(d)) return this.ut = a, p2;
-    const h3 = this.ut ??= [], v2 = [];
-    let m, y, x = 0, j = d.length - 1, k = 0, w = p2.length - 1;
-    for (; x <= j && k <= w; ) if (null === d[x]) x++;
-    else if (null === d[j]) j--;
-    else if (h3[x] === a[k]) v2[k] = u(d[x], p2[k]), x++, k++;
-    else if (h3[j] === a[w]) v2[w] = u(d[j], p2[w]), j--, w--;
-    else if (h3[x] === a[w]) v2[w] = u(d[x], p2[w]), v(s, v2[w + 1], d[x]), x++, w--;
-    else if (h3[j] === a[k]) v2[k] = u(d[j], p2[k]), v(s, d[x], d[j]), j--, k++;
-    else if (void 0 === m && (m = u2(a, k, w), y = u2(h3, x, j)), m.has(h3[x])) if (m.has(h3[j])) {
-      const e5 = y.get(a[k]), t3 = void 0 !== e5 ? d[e5] : null;
-      if (null === t3) {
-        const e6 = v(s, d[x]);
-        u(e6, p2[k]), v2[k] = e6;
-      } else v2[k] = u(t3, p2[k]), v(s, d[x], t3), d[e5] = null;
-      k++;
-    } else h(d[j]), j--;
-    else h(d[x]), x++;
-    for (; k <= w; ) {
-      const e5 = v(s, v2[w + 1]);
-      u(e5, p2[k]), v2[k++] = e5;
-    }
-    for (; x <= j; ) {
-      const e5 = d[x++];
-      null !== e5 && h(e5);
-    }
-    return this.ut = a, p(s, v2), E;
-  }
-});
+// ../interactions/core/dist/elements/qti-simple-associable-choice/qti-simple-associable-choice.js
+import { html as html4, LitElement as LitElement4 } from "lit";
+import { property as property4, state as state2 } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { consume as consume2 } from "@lit/context";
 
 // ../interactions/core/dist/context/drag-drop.context.js
-var dragDropContext = n(/* @__PURE__ */ Symbol("dragDropContext"));
+import { createContext } from "@lit/context";
+var dragDropContext = createContext(/* @__PURE__ */ Symbol("dragDropContext"));
 
 // ../interactions/core/dist/elements/qti-simple-associable-choice/qti-simple-associable-choice.styles.js
+import { css as css4 } from "lit";
 var qti_simple_associable_choice_styles_default = [
   boxSizing,
   dropRegion,
-  i`
+  css4`
     /*
      * 'align-items' / 'justify-content' are variables because one caller cannot be reached any other
      * way. In tabular match this element is a light-DOM *grandchild* of the slotted
@@ -542,12 +493,12 @@ var qti_simple_associable_choice_styles_default = [
 
 // ../interactions/core/dist/elements/qti-simple-associable-choice/qti-simple-associable-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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiSimpleAssociableChoice = class extends ActiveElementMixin(i2, "qti-simple-associable-choice") {
+var QtiSimpleAssociableChoice = class extends ActiveElementMixin(LitElement4, "qti-simple-associable-choice") {
   constructor() {
     super(...arguments);
     this.matchMin = 0;
@@ -574,29 +525,29 @@ var QtiSimpleAssociableChoice = class extends ActiveElementMixin(i2, "qti-simple
   // So we have a slot for whenever another qti-simple-associable-choice is dropped in here.
   // And we have slot for content like in this associate interaction
   render() {
-    return T`
+    return html4`
       <div part="control"></div>
       <slot part="label"></slot>
       <div part="drop">
-        ${c2(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
+        ${repeat(this.drags, (node) => node.getAttribute("identifier"), (node) => node)}
       </div>
     `;
   }
 };
 __decorate4([
-  n2({
+  property4({
     type: Number,
     attribute: "match-min"
   })
 ], QtiSimpleAssociableChoice.prototype, "matchMin", void 0);
 __decorate4([
-  n2({
+  property4({
     type: Number,
     attribute: "match-max"
   })
 ], QtiSimpleAssociableChoice.prototype, "matchMax", void 0);
 __decorate4([
-  n2({
+  property4({
     type: String,
     attribute: "fixed",
     converter: {
@@ -606,14 +557,19 @@ __decorate4([
   })
 ], QtiSimpleAssociableChoice.prototype, "fixed", void 0);
 __decorate4([
-  c({ context: dragDropContext, subscribe: true }),
-  r()
+  consume2({ context: dragDropContext, subscribe: true }),
+  state2()
 ], QtiSimpleAssociableChoice.prototype, "_dragDrop", void 0);
 
+// ../interactions/core/dist/elements/qti-simple-choice/qti-simple-choice.js
+import { html as html5, LitElement as LitElement5, nothing } from "lit";
+import { property as property5 } from "lit/decorators.js";
+
 // ../interactions/core/dist/elements/qti-simple-choice/qti-simple-choice.styles.js
+import { css as css5 } from "lit";
 var qti_simple_choice_styles_default = [
   boxSizing,
-  i`
+  css5`
     /*
      * 'position: relative' unconditionally, because this element can carry a correction badge and a
      * badge needs a containing block. The theme draws the badge as an absolutely positioned ::after
@@ -654,12 +610,12 @@ var qti_simple_choice_styles_default = [
 
 // ../interactions/core/dist/elements/qti-simple-choice/qti-simple-choice.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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiSimpleChoice = class extends ActiveElementMixin(i2, "qti-simple-choice") {
+var QtiSimpleChoice = class extends ActiveElementMixin(LitElement5, "qti-simple-choice") {
   constructor() {
     super(...arguments);
     this.templateIdentifier = null;
@@ -671,7 +627,7 @@ var QtiSimpleChoice = class extends ActiveElementMixin(i2, "qti-simple-choice")
   }
   static {
     this.shadowRootOptions = {
-      ...i2.shadowRootOptions,
+      ...LitElement5.shadowRootOptions,
       delegatesFocus: true
     };
   }
@@ -679,19 +635,19 @@ var QtiSimpleChoice = class extends ActiveElementMixin(i2, "qti-simple-choice")
     return this["internals"].states.has("checked");
   }
   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 html5`<div part="control" tabindex="0"><div part="control-mark"></div></div>
+      ${this.marker ? html5`<div id="label" part="marker">${this.marker}</div>` : nothing}
       <slot part="label"></slot>`;
   }
 };
 __decorate5([
-  n2({ type: String, attribute: "template-identifier" })
+  property5({ type: String, attribute: "template-identifier" })
 ], QtiSimpleChoice.prototype, "templateIdentifier", void 0);
 __decorate5([
-  n2({ type: String, attribute: "show-hide" })
+  property5({ type: String, attribute: "show-hide" })
 ], QtiSimpleChoice.prototype, "showHide", void 0);
 __decorate5([
-  n2({
+  property5({
     type: Boolean,
     converter: {
       fromAttribute: (value) => value === "true",
@@ -700,15 +656,21 @@ __decorate5([
   })
 ], QtiSimpleChoice.prototype, "fixed", void 0);
 __decorate5([
-  n2({ type: String, attribute: false })
+  property5({ type: String, attribute: false })
 ], QtiSimpleChoice.prototype, "marker", void 0);
 
+// ../interactions/associate-interaction/dist/qti-associate-interaction.js
+import { html as html6 } from "lit";
+import { repeat as repeat2 } from "lit/directives/repeat.js";
+import { state as state3 } from "lit/decorators.js";
+
 // ../interactions/core/dist/mixins/dropzone-auto-size/dropzone-auto-size.mixin.js
+import { property as property6 } from "lit/decorators.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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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;
 };
 function applyDropzoneAutoSizing(host, draggables, droppables, dragContainers, options = {}) {
   const publishWidth = options.publishWidth ?? true;
@@ -899,7 +861,7 @@ var DropzoneAutoSizeMixin = (superClass, draggablesSelector, droppablesSelector,
     }
   }
   __decorate6([
-    n2({ type: Boolean, attribute: "auto-size-dropzones" })
+    property6({ type: Boolean, attribute: "auto-size-dropzones" })
     /**
      * Size the dropzones from the chips they will hold.
      *
@@ -924,7 +886,7 @@ var [Observable, Subscriber] = (() => {
       enumerable
     });
   }
-  const pTry = "try" in Promise ? Promise.try.bind(Promise) : (fn, ...args) => new Promise((r2) => r2(fn(...args)));
+  const pTry = "try" in Promise ? Promise.try.bind(Promise) : (fn, ...args) => new Promise((r) => r(fn(...args)));
   const pWithResolvers = "withResolvers" in Promise ? Promise.withResolvers.bind(Promise) : () => {
     let resolve, reject;
     const promise = new Promise((res, rej) => (resolve = res, reject = rej));
@@ -939,22 +901,22 @@ var [Observable, Subscriber] = (() => {
   const AsyncFromSyncIteratorPrototype = {
     next(...args) {
       const O = this;
-      const state = privateState.get(O);
-      if (!state?.syncIteratorRecord)
+      const state11 = privateState.get(O);
+      if (!state11?.syncIteratorRecord)
         throw new TypeError(
           "AsyncFromSyncIteratorPrototype.next called on invalid object"
         );
-      const { syncIteratorRecord } = state;
+      const { syncIteratorRecord } = state11;
       return pTry(() => syncIteratorRecord.next(...args));
     },
     return(...args) {
       const O = this;
-      const state = privateState.get(O);
-      if (!state?.syncIteratorRecord)
+      const state11 = privateState.get(O);
+      if (!state11?.syncIteratorRecord)
         throw new TypeError(
           "AsyncFromSyncIteratorPrototype.return called on invalid object"
         );
-      const { syncIteratorRecord } = state;
+      const { syncIteratorRecord } = state11;
       return pTry(() => {
         if (!syncIteratorRecord.return) return { value: void 0, done: true };
         return syncIteratorRecord.return(...args);
@@ -962,12 +924,12 @@ var [Observable, Subscriber] = (() => {
     },
     throw(...args) {
       const O = this;
-      const state = privateState.get(O);
-      if (!state?.syncIteratorRecord)
+      const state11 = privateState.get(O);
+      if (!state11?.syncIteratorRecord)
         throw new TypeError(
           "AsyncFromSyncIteratorPrototype.throw called on invalid object"
         );
-      const { syncIteratorRecord } = state;
+      const { syncIteratorRecord } = state11;
       return pTry(() => {
         if (!syncIteratorRecord.throw) {
           syncIteratorRecord.return();
@@ -1033,16 +995,16 @@ var [Observable, Subscriber] = (() => {
     }
   }
   function closeASubscription(subscriber, reason) {
-    const state = privateState.get(subscriber);
-    if (!state?.active) return;
-    state.active = false;
-    state.subscriptionController.abort(reason);
-    for (const teardown of state.teardowns.reverse()) {
+    const state11 = privateState.get(subscriber);
+    if (!state11?.active) return;
+    state11.active = false;
+    state11.subscriptionController.abort(reason);
+    for (const teardown of state11.teardowns.reverse()) {
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
       try {
         teardown();
-      } catch (e5) {
-        reportError(e5);
+      } catch (e) {
+        reportError(e);
       }
     }
   }
@@ -1093,8 +1055,8 @@ var [Observable, Subscriber] = (() => {
     if (observableState.subscribeCallback) {
       try {
         observableState.subscribeCallback(subscriber);
-      } catch (e5) {
-        subscriber.error(e5);
+      } catch (e) {
+        subscriber.error(e);
       }
     }
   }
@@ -1118,10 +1080,10 @@ var [Observable, Subscriber] = (() => {
       if (!(this instanceof Subscriber2))
         throw new TypeError("illegal invocation");
       if (!arguments.length) throw new TypeError("too few arguments");
-      const state = privateState.get(this);
-      if (!state?.active) return;
+      const state11 = privateState.get(this);
+      if (!state11?.active) return;
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
-      const internalObservers = new Set(state.observers);
+      const internalObservers = new Set(state11.observers);
       for (const observer of internalObservers) {
         observer.next(value);
       }
@@ -1131,14 +1093,14 @@ var [Observable, Subscriber] = (() => {
       if (!(this instanceof Subscriber2))
         throw new TypeError("illegal invocation");
       if (!arguments.length) throw new TypeError("too few arguments");
-      const state = privateState.get(this);
-      if (!state?.active) {
+      const state11 = privateState.get(this);
+      if (!state11?.active) {
         reportError(error);
         return;
       }
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
       closeASubscription(this, error);
-      const internalObservers = new Set(state.observers);
+      const internalObservers = new Set(state11.observers);
       for (const observer of internalObservers) {
         observer.error(error);
       }
@@ -1147,11 +1109,11 @@ var [Observable, Subscriber] = (() => {
     complete() {
       if (!(this instanceof Subscriber2))
         throw new TypeError("illegal invocation");
-      const state = privateState.get(this);
-      if (!state?.active) return;
+      const state11 = privateState.get(this);
+      if (!state11?.active) return;
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
       closeASubscription(this);
-      const internalObservers = new Set(state.observers);
+      const internalObservers = new Set(state11.observers);
       for (const observer of internalObservers) {
         observer.complete();
       }
@@ -1164,9 +1126,9 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
       }
       if (isBrowserContext() && !isDocumentFullyActive(document)) return;
-      const state = privateState.get(this);
-      if (state?.active)
-        state.teardowns.push(teardown);
+      const state11 = privateState.get(this);
+      if (state11?.active)
+        state11.teardowns.push(teardown);
       else teardown();
     }
     get active() {
@@ -1248,8 +1210,8 @@ var [Observable, Subscriber] = (() => {
               nextAlgorithm(subscriber, iteratorRecord);
             },
             // If nextPromise was rejected with reason r, then run subscriber’s error() method given r.
-            (r2) => {
-              subscriber.error(r2);
+            (r) => {
+              subscriber.error(r);
             }
           );
         };
@@ -1319,13 +1281,13 @@ var [Observable, Subscriber] = (() => {
         return new Observable2((subscriber) => {
           value.then(
             // 9.1.1.1. If value was fulfilled with value v, then:
-            (v2) => {
-              subscriber.next(v2);
+            (v) => {
+              subscriber.next(v);
               subscriber.complete();
             },
             // 9.1.1.2 If value was rejected with reason r, then run subscriber’s error() method, given r.
-            (r2) => {
-              subscriber.error(r2);
+            (r) => {
+              subscriber.error(r);
             }
           );
         });
@@ -1389,8 +1351,8 @@ var [Observable, Subscriber] = (() => {
             let mappedValue;
             try {
               mappedValue = mapper(value, idx);
-            } catch (e5) {
-              subscriber.error(e5);
+            } catch (e) {
+              subscriber.error(e);
               return;
             }
             idx += 1;
@@ -1428,8 +1390,8 @@ var [Observable, Subscriber] = (() => {
         if (subscribeCallback !== null) {
           try {
             subscribeCallback();
-          } catch (e5) {
-            subscriber.error(e5);
+          } catch (e) {
+            subscriber.error(e);
             return;
           }
         }
@@ -1438,8 +1400,8 @@ var [Observable, Subscriber] = (() => {
             if (abortCallback !== null) {
               abortCallback(subscriber.signal.reason);
             }
-          } catch (e5) {
-            reportError(e5);
+          } catch (e) {
+            reportError(e);
           }
         };
         subscriber.signal.addEventListener("abort", abortCallbackWrapped, { once: true });
@@ -1448,9 +1410,9 @@ var [Observable, Subscriber] = (() => {
             if (nextCallback !== null) {
               try {
                 nextCallback(value);
-              } catch (e5) {
+              } catch (e) {
                 subscriber.signal.removeEventListener("abort", abortCallbackWrapped);
-                subscriber.error(e5);
+                subscriber.error(e);
                 return;
               }
             }
@@ -1461,8 +1423,8 @@ var [Observable, Subscriber] = (() => {
             if (errorCallback !== null) {
               try {
                 errorCallback(error);
-              } catch (e5) {
-                subscriber.error(e5);
+              } catch (e) {
+                subscriber.error(e);
                 return;
               }
             }
@@ -1473,8 +1435,8 @@ var [Observable, Subscriber] = (() => {
             if (completeCallback !== null) {
               try {
                 completeCallback();
-              } catch (e5) {
-                subscriber.error(e5);
+              } catch (e) {
+                subscriber.error(e);
                 return;
               }
             }
@@ -1499,8 +1461,8 @@ var [Observable, Subscriber] = (() => {
             let matches = false;
             try {
               matches = predicate(value, idx);
-            } catch (e5) {
-              subscriber.error(e5);
+            } catch (e) {
+              subscriber.error(e);
               return;
             }
             idx += 1;
@@ -1583,15 +1545,15 @@ var [Observable, Subscriber] = (() => {
           let mappedResult;
           try {
             mappedResult = mapper(value, idx);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e) {
+            return subscriber.error(e);
           }
           idx += 1;
           let innerObservable;
           try {
             innerObservable = Observable2.from(mappedResult);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e) {
+            return subscriber.error(e);
           }
           let innerObserver = new InternalObserver({
             next(value2) {
@@ -1652,15 +1614,15 @@ var [Observable, Subscriber] = (() => {
           let mappedResult;
           try {
             mappedResult = mapper(value, idx);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e) {
+            return subscriber.error(e);
           }
           idx += 1;
           let innerObservable;
           try {
             innerObservable = Observable2.from(mappedResult);
-          } catch (e5) {
-            return subscriber.error(e5);
+          } catch (e) {
+            return subscriber.error(e);
           }
           let innerObserver = new InternalObserver({
             next(value2) {
@@ -1775,7 +1737,7 @@ var [Observable, Subscriber] = (() => {
     toArray(options = {}) {
       if (!(this instanceof Observable2))
         throw new TypeError("illegal invocation");
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       if (options.signal) {
         if (options.signal.aborted) {
           return Promise.reject(options.signal.reason);
@@ -1797,7 +1759,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, options);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-foreach
     forEach(callback, options = {}) {
@@ -1805,12 +1767,12 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError("illegal invocation");
       if (typeof callback !== "function")
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       let visitorCallbackController = new AbortController();
       const internalOptions = { signal: anySignal([visitorCallbackController.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -1820,9 +1782,9 @@ var [Observable, Subscriber] = (() => {
         next(value) {
           try {
             callback(value, idx);
-          } catch (e5) {
-            reject(e5);
-            visitorCallbackController.abort(e5);
+          } catch (e) {
+            reject(e);
+            visitorCallbackController.abort(e);
           }
           idx += 1;
         },
@@ -1834,7 +1796,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-every
     every(predicate, options = {}) {
@@ -1842,12 +1804,12 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError("illegal invocation");
       if (typeof predicate !== "function")
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       let controller = new AbortController();
       const internalOptions = { signal: anySignal([controller.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -1858,9 +1820,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e) {
+            reject(e);
+            controller.abort(e);
           }
           idx += 1;
           if (!passed) {
@@ -1876,18 +1838,18 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-first
     first(options = {}) {
       if (!(this instanceof Observable2))
         throw new TypeError("illegal invocation");
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       let controller = new AbortController();
       const internalOptions = { signal: anySignal([controller.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -1905,17 +1867,17 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-last
     last(options = {}) {
       if (!(this instanceof Observable2))
         throw new TypeError("illegal invocation");
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       if (options.signal) {
         if (options.signal.aborted) {
           reject(options.signal.reason);
-          return p2;
+          return p;
         }
         options.signal.addEventListener("abort", () => {
           reject(options.signal.reason);
@@ -1937,7 +1899,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, options);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-find
     find(predicate, options = {}) {
@@ -1945,12 +1907,12 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError("illegal invocation");
       if (typeof predicate !== "function")
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       let controller = new AbortController();
       const internalOptions = { signal: anySignal([controller.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -1961,9 +1923,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e) {
+            reject(e);
+            controller.abort(e);
           }
           idx += 1;
           if (passed) {
@@ -1979,7 +1941,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-some
     some(predicate, options = {}) {
@@ -1987,12 +1949,12 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError("illegal invocation");
       if (typeof predicate !== "function")
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       let controller = new AbortController();
       const internalOptions = { signal: anySignal([controller.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -2003,9 +1965,9 @@ var [Observable, Subscriber] = (() => {
           let passed = false;
           try {
             passed = predicate(value, idx);
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e) {
+            reject(e);
+            controller.abort(e);
           }
           idx += 1;
           if (passed) {
@@ -2021,7 +1983,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
     // https://wicg.github.io/observable/#dom-observable-reduce
     reduce(reducer, initialValue, options = {}) {
@@ -2029,12 +1991,12 @@ var [Observable, Subscriber] = (() => {
         throw new TypeError("illegal invocation");
       if (typeof reducer !== "function")
         throw new TypeError(`Parameter 1 is not of type 'Function'`);
-      let { promise: p2, resolve, reject } = pWithResolvers();
+      let { promise: p, resolve, reject } = pWithResolvers();
       const controller = new AbortController();
       const internalOptions = { signal: anySignal([controller.signal, options.signal]) };
       if (internalOptions.signal.aborted) {
         reject(internalOptions.signal.reason);
-        return p2;
+        return p;
       }
       internalOptions.signal.addEventListener("abort", () => {
         reject(internalOptions.signal.reason);
@@ -2053,9 +2015,9 @@ var [Observable, Subscriber] = (() => {
             const result = reducer(accumulator, value, idx);
             idx++;
             accumulator = result;
-          } catch (e5) {
-            reject(e5);
-            controller.abort(e5);
+          } catch (e) {
+            reject(e);
+            controller.abort(e);
             return;
           }
         },
@@ -2073,7 +2035,7 @@ var [Observable, Subscriber] = (() => {
         }
       });
       subscribeTo(this, observer, internalOptions);
-      return p2;
+      return p;
     }
   }
   enumerate(Observable2.prototype, "subscribe");
@@ -2343,17 +2305,17 @@ function isDraggableDisabled(target) {
   return internals?.states?.has("disabled") ?? false;
 }
 var internalsOf = (el) => el?.internals;
-function setDragChipState(el, state, on) {
+function setDragChipState(el, state11, on) {
   const states = internalsOf(el)?.states;
   if (!states)
     return;
   if (on)
-    states.add(state);
+    states.add(state11);
   else
-    states.delete(state);
+    states.delete(state11);
 }
-function hasDragChipState(el, state) {
-  return internalsOf(el)?.states?.has(state) ?? false;
+function hasDragChipState(el, state11) {
+  return internalsOf(el)?.states?.has(state11) ?? false;
 }
 function clearDragChipStates(el) {
   setDragChipState(el, "dragging", false);
@@ -2662,15 +2624,15 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         console.error("\u274C [Observable DnD] No shadow root found!");
         return;
       }
-      const pointerDragSub = shadowRoot.when("pointerdown").filter((e5) => {
-        if (!e5.isTrusted) {
+      const pointerDragSub = shadowRoot.when("pointerdown").filter((e) => {
+        if (!e.isTrusted) {
           return false;
         }
-        const target = findDraggableTarget(e5, draggablesSelector);
+        const target = findDraggableTarget(e, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = isDraggableDisabled(target) || isDragChipHidden(target);
         const touchHandledRecently = Date.now() - this.lastTouchStartAt < 50;
-        return target && e5.isPrimary !== false && e5.button === 0 && !hostDisabled && !targetDisabled && !touchHandledRecently;
+        return target && e.isPrimary !== false && e.button === 0 && !hostDisabled && !targetDisabled && !touchHandledRecently;
       }).subscribe((downEvent) => {
         this.lastPointerDownAt = Date.now();
         const dragTarget = findDraggableTarget(downEvent, draggablesSelector);
@@ -2711,11 +2673,11 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
           }
         }, delay);
       });
-      const mouseDragSub = shadowRoot.when("mousedown").filter((e5) => {
-        const target = findDraggableTarget(e5, draggablesSelector);
+      const mouseDragSub = shadowRoot.when("mousedown").filter((e) => {
+        const target = findDraggableTarget(e, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = isDraggableDisabled(target) || isDragChipHidden(target);
-        const isLeftButton = e5.button === 0;
+        const isLeftButton = e.button === 0;
         const pointerHandledRecently = Date.now() - this.lastPointerDownAt < 50;
         return target && isLeftButton && !hostDisabled && !targetDisabled && !pointerHandledRecently;
       }).subscribe((downEvent) => {
@@ -2726,11 +2688,11 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         downEvent.preventDefault();
         this.initiateDrag(dragTarget, downEvent.clientX, downEvent.clientY, "mouse", "mouse", void 0, downEvent.isTrusted);
       });
-      const touchDragSub = shadowRoot.when("touchstart").filter((e5) => {
-        const target = findDraggableTarget(e5, draggablesSelector);
+      const touchDragSub = shadowRoot.when("touchstart").filter((e) => {
+        const target = findDraggableTarget(e, draggablesSelector);
         const hostDisabled = this.disabled || this.readonly;
         const targetDisabled = isDraggableDisabled(target) || isDragChipHidden(target);
-        const hasTouchPoint = Boolean(e5.touches?.[0] || e5.changedTouches?.[0]);
+        const hasTouchPoint = Boolean(e.touches?.[0] || e.changedTouches?.[0]);
         const pointerHandledRecently = Date.now() - this.lastPointerDownAt < 50;
         return target && hasTouchPoint && !hostDisabled && !targetDisabled && !pointerHandledRecently;
       }).subscribe((startEvent) => {
@@ -2751,15 +2713,15 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         dropIndex: 0,
         dropElement: null
       };
-      const keyboardStream = shadowRoot.when("keydown").subscribe((e5) => {
+      const keyboardStream = shadowRoot.when("keydown").subscribe((e) => {
         const draggables = this.trackedDraggables.filter((d) => !isDragChipHidden(d));
         const dropTargets = [...this.trackedDroppables, ...this.trackedDragContainers];
         if (!keyboardState.dragging) {
-          const target = findDraggableTarget(e5, draggablesSelector);
+          const target = findDraggableTarget(e, draggablesSelector);
           const hostDisabled = this.disabled || this.readonly;
           const targetDisabled = isDraggableDisabled(target) || isDragChipHidden(target);
-          if (target && ["Space", "Enter"].includes(e5.code) && !hostDisabled && !targetDisabled) {
-            e5.preventDefault();
+          if (target && ["Space", "Enter"].includes(e.code) && !hostDisabled && !targetDisabled) {
+            e.preventDefault();
             target.setAttribute("data-keyboard-dragging", "true");
             keyboardState = {
               dragging: true,
@@ -2770,17 +2732,17 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             };
           }
         } else {
-          switch (e5.code) {
+          switch (e.code) {
             case "ArrowRight":
             case "ArrowDown": {
-              e5.preventDefault();
+              e.preventDefault();
               const nextDropIndex = (keyboardState.dropIndex + 1) % dropTargets.length;
               keyboardState = { ...keyboardState, dropIndex: nextDropIndex, dropElement: dropTargets[nextDropIndex] };
               break;
             }
             case "ArrowLeft":
             case "ArrowUp": {
-              e5.preventDefault();
+              e.preventDefault();
               const prevDropIndex = (keyboardState.dropIndex - 1 + dropTargets.length) % dropTargets.length;
               keyboardState = { ...keyboardState, dropIndex: prevDropIndex, dropElement: dropTargets[prevDropIndex] };
               break;
@@ -2788,7 +2750,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             case "Space":
             case "Enter":
             case "Tab": {
-              e5.preventDefault();
+              e.preventDefault();
               if (keyboardState.dragElement && keyboardState.dropElement) {
                 const canDrop = this.allowDrop(keyboardState.dragElement, keyboardState.dropElement) || this.trackedDragContainers.includes(keyboardState.dropElement);
                 if (canDrop) {
@@ -2809,7 +2771,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
               break;
             }
             case "Escape": {
-              e5.preventDefault();
+              e.preventDefault();
               this.trackedDraggables.forEach((d) => d.removeAttribute("data-keyboard-dragging"));
               keyboardState = {
                 dragging: false,
@@ -2893,14 +2855,14 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
             if (captureTarget && activePointerId !== void 0 && captureTarget.setPointerCapture) {
               captureTarget.setPointerCapture(activePointerId);
             }
-          } catch (e5) {
+          } catch (e) {
           }
         }
-        const preventAllTouch = (e5) => {
-          if (e5.cancelable) {
-            e5.preventDefault();
+        const preventAllTouch = (e) => {
+          if (e.cancelable) {
+            e.preventDefault();
             if (eventSource === "pointer") {
-              e5.stopPropagation();
+              e.stopPropagation();
             }
           }
         };
@@ -2924,7 +2886,7 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
               if (captureTarget && activePointerId !== void 0 && captureTarget.releasePointerCapture) {
                 captureTarget.releasePointerCapture(activePointerId);
               }
-            } catch (e5) {
+            } catch (e) {
             }
           }
         };
@@ -2937,56 +2899,56 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         return expected === void 0 || evt.isTrusted === expected;
       };
       const moveSub = document.when(moveEventName).takeUntil(document.when(upEventName)).subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e) => {
+          if (!trustMatchesCurrentDrag(e)) {
             return;
           }
-          e5.preventDefault();
-          e5.stopPropagation();
+          e.preventDefault();
+          e.stopPropagation();
           if (eventSource === "touch") {
-            const touch = e5.touches?.[0] || e5.changedTouches?.[0];
+            const touch = e.touches?.[0] || e.changedTouches?.[0];
             if (!touch)
               return;
             this.handleDragMove(touch.clientX, touch.clientY);
             return;
           }
           if (eventSource === "mouse") {
-            const mouseEvent = e5;
+            const mouseEvent = e;
             if (typeof mouseEvent.buttons === "number" && (mouseEvent.buttons & 1) !== 1) {
               return;
             }
           }
-          this.handleDragMove(e5.clientX, e5.clientY);
+          this.handleDragMove(e.clientX, e.clientY);
         }
       });
       const endSub = document.when(upEventName).subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e) => {
+          if (!trustMatchesCurrentDrag(e)) {
             return;
           }
-          e5.preventDefault();
-          e5.stopPropagation();
+          e.preventDefault();
+          e.stopPropagation();
           this.handleDragEnd();
         }
       });
       const cancelSub = eventSource === "touch" ? document.when("touchcancel").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e) => {
+          if (!trustMatchesCurrentDrag(e)) {
             return;
           }
           this.handleDragEnd();
         }
       }) : eventSource === "mouse" ? null : document.when("pointercancel").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+        next: (e) => {
+          if (!trustMatchesCurrentDrag(e)) {
             return;
           }
           this.handleDragEnd();
         }
       });
-      const escapeSub = document.when("keydown").filter((e5) => e5.key === "Escape").subscribe({
-        next: (e5) => {
-          if (!trustMatchesCurrentDrag(e5)) {
+      const escapeSub = document.when("keydown").filter((e) => e.key === "Escape").subscribe({
+        next: (e) => {
+          if (!trustMatchesCurrentDrag(e)) {
             return;
           }
           this.handleDragEnd();
@@ -3064,9 +3026,9 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
     createDragClone(element, rect) {
       const clone = element.cloneNode(true);
       const computedStyles = window.getComputedStyle(element);
-      for (let i5 = 0; i5 < computedStyles.length; i5++) {
-        const property = computedStyles[i5];
-        clone.style.setProperty(property, computedStyles.getPropertyValue(property));
+      for (let i = 0; i < computedStyles.length; i++) {
+        const property20 = computedStyles[i];
+        clone.style.setProperty(property20, computedStyles.getPropertyValue(property20));
       }
       const host = resolveDragCloneHost(element.isConnected ? element : this, this.dragCloneRoot());
       this.cloneFrame = measureFixedFrame(host);
@@ -3198,21 +3160,21 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
         returnAnchorItems: []
       };
     }
-    setInternalsState(state, enabled) {
+    setInternalsState(state11, enabled) {
       const internals = this._internals;
       if (!internals?.states)
         return;
       if (enabled) {
-        internals.states.add(state);
+        internals.states.add(state11);
       } else {
-        internals.states.delete(state);
+        internals.states.delete(state11);
       }
     }
     cleanup() {
       this.subscriptions.forEach((sub) => {
         try {
           sub.unsubscribe();
-        } catch (e5) {
+        } catch (e) {
         }
       });
       this.subscriptions = [];
@@ -3232,6 +3194,10 @@ var DragDropCoreMixin = (superClass, draggablesSelector, droppablesSelector, dra
   return DragDropCoreElement;
 };
 
+// ../interactions/core/dist/mixins/drag-drop-observables/drag-drop-slotted.mixin.js
+import { property as property7 } from "lit/decorators.js";
+import { provide } from "@lit/context";
+
 // ../interactions/core/dist/mixins/drag-drop-observables/utils/flip.utils.js
 var DEFAULT_FLIP_OPTIONS = {
   duration: 250,
@@ -3274,8 +3240,8 @@ function resolveMotionScale(element) {
   const raw = getComputedStyle(element).getPropertyValue("--qti-motion").trim();
   if (raw === "")
     return 1;
-  const n5 = Number.parseFloat(raw);
-  return Number.isFinite(n5) && n5 > 0 ? n5 : 0;
+  const n = Number.parseFloat(raw);
+  return Number.isFinite(n) && n > 0 ? n : 0;
 }
 function motionEnabled(element) {
   return resolveMotionScale(element) > 0;
@@ -3322,10 +3288,10 @@ function animateMultipleFlips(previousStates, options = {}) {
 
 // ../interactions/core/dist/mixins/drag-drop-observables/drag-drop-slotted.mixin.js
 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 DragDropSlottedMixin = (superClass, draggablesSelector, droppablesSelector, dragContainersSelector = 'slot[part="drags"]', collisionAlgorithm = "closestCornersWithInventoryPriority") => {
   const AutoSized = DropzoneAutoSizeMixin(superClass, draggablesSelector, droppablesSelector, dragContainersSelector);
@@ -3839,7 +3805,7 @@ var DragDropSlottedMixin = (superClass, draggablesSelector, droppablesSelector,
       const matchMax = getMatchMaxValue(this.trackedDraggables, identifier);
       const placedInDropzones = this.trackedDroppables.reduce((count, droppable) => {
         if (this.isDeclarativeTarget(droppable)) {
-          return count + this.chipsIn(droppable).filter((c3) => c3.getAttribute("identifier") === identifier).length;
+          return count + this.chipsIn(droppable).filter((c) => c.getAttribute("identifier") === identifier).length;
         }
         return count + droppable.querySelectorAll(`[identifier="${identifier}"]`).length;
       }, 0);
@@ -3927,19 +3893,19 @@ var DragDropSlottedMixin = (superClass, draggablesSelector, droppablesSelector,
     }
   }
   __decorate7([
-    n2({ type: Number, reflect: true, attribute: "min-associations" })
+    property7({ type: Number, reflect: true, attribute: "min-associations" })
   ], DragDropSlottedElement.prototype, "minAssociations", void 0);
   __decorate7([
-    n2({ type: Number, reflect: true, attribute: "max-associations" })
+    property7({ type: Number, reflect: true, attribute: "max-associations" })
   ], DragDropSlottedElement.prototype, "maxAssociations", null);
   __decorate7([
-    e({ context: dragDropContext })
+    provide({ context: dragDropContext })
   ], DragDropSlottedElement.prototype, "_dragDrop", void 0);
   __decorate7([
-    n2({ type: Boolean, attribute: "disable-animations" })
+    property7({ type: Boolean, attribute: "disable-animations" })
   ], DragDropSlottedElement.prototype, "disableAnimations", null);
   __decorate7([
-    n2({
+    property7({
       attribute: "response",
       reflect: false,
       noAccessor: true,
@@ -4236,11 +4202,12 @@ var DragDropSlottedSortableMixin = (superClass, sortableItemSelector = '[qti-dra
 };
 
 // ../interactions/associate-interaction/dist/qti-associate-interaction.styles.js
+import { css as css6 } from "lit";
 var qti_associate_interaction_styles_default = [
   boxSizing,
   validationMessage,
   dropRegion,
-  i`
+  css6`
     :host {
       display: block; /* necessary to calculate scaling position */
     }
@@ -4298,10 +4265,10 @@ var qti_associate_interaction_styles_default = [
 
 // ../interactions/associate-interaction/dist/qti-associate-interaction.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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 SlottedBase = DragDropSlottedMixin(Interaction, "qti-simple-associable-choice", `[part~='drop']`, `slot[name='qti-simple-associable-choice']`, "pointerWithin");
 var QtiAssociateInteraction = class extends DragDropSlottedSortableMixin(SlottedBase, '[qti-draggable="true"]') {
@@ -4330,8 +4297,8 @@ var QtiAssociateInteraction = class extends DragDropSlottedSortableMixin(Slotted
    */
   #renderDrop(identifier, name) {
     const drags = this._dragDrop?.nodesByTarget?.[identifier] ?? [];
-    return T`<div name=${name} part="drop" data-declarative-drops identifier=${identifier}>
-      ${c2(drags, (node) => node.getAttribute("identifier"), (node) => node)}
+    return html6`<div name=${name} part="drop" data-declarative-drops identifier=${identifier}>
+      ${repeat2(drags, (node) => node.getAttribute("identifier"), (node) => node)}
     </div>`;
   }
   /**
@@ -4351,9 +4318,9 @@ var QtiAssociateInteraction = class extends DragDropSlottedSortableMixin(Slotted
   }
   getResponse() {
     const response = [];
-    for (let i5 = 0; i5 < this.#rowCount; i5++) {
-      const leftDrop = this.shadowRoot?.querySelector(`[part~='drop'][identifier="droplist${i5}_left"]`);
-      const rightDrop = this.shadowRoot?.querySelector(`[part~='drop'][identifier="droplist${i5}_right"]`);
+    for (let i = 0; i < this.#rowCount; i++) {
+      const leftDrop = this.shadowRoot?.querySelector(`[part~='drop'][identifier="droplist${i}_left"]`);
+      const rightDrop = this.shadowRoot?.querySelector(`[part~='drop'][identifier="droplist${i}_right"]`);
       const leftId = leftDrop && this.chipsIn(leftDrop)[0]?.getAttribute("identifier");
       const rightId = rightDrop && this.chipsIn(rightDrop)[0]?.getAttribute("identifier");
       if (leftId && rightId) {
@@ -4379,18 +4346,18 @@ var QtiAssociateInteraction = class extends DragDropSlottedSortableMixin(Slotted
     return this.getResponse().length;
   }
   getValue(val) {
-    return val?.flatMap((pair, i5) => {
+    return val?.flatMap((pair, i) => {
       const parts = pair.split(" ");
       if (parts.length !== 2)
         return [];
-      return [`${parts[0]} droplist${i5}_left`, `${parts[1]} droplist${i5}_right`];
+      return [`${parts[0]} droplist${i}_left`, `${parts[1]} droplist${i}_right`];
     }) ?? [];
   }
   render() {
-    return T` <slot name="prompt"></slot>
+    return html6` <slot name="prompt"></slot>
       <slot part="drags" name="qti-simple-associable-choice"></slot>
       <div part="drops">
-        ${this._childrenMap.length > 0 && Array.from({ length: this.#rowCount }, (_, index) => T`<div part="drop-row">
+        ${this._childrenMap.length > 0 && Array.from({ length: this.#rowCount }, (_, index) => html6`<div part="drop-row">
               ${this.#renderDrop(`droplist${index}_left`, `left${index}`)}
               ${this.#renderDrop(`droplist${index}_right`, `right${index}`)}
             </div>`)}
@@ -4410,15 +4377,20 @@ var QtiAssociateInteraction = class extends DragDropSlottedSortableMixin(Slotted
   }
 };
 __decorate8([
-  r()
+  state3()
 ], QtiAssociateInteraction.prototype, "_childrenMap", void 0);
 
+// ../interactions/choice-interaction/dist/qti-choice-interaction.js
+import { html as html7 } from "lit";
+import { property as property10 } from "lit/decorators.js";
+
 // ../interactions/core/dist/mixins/choices/choices.mixin.js
+import { property as property8, query } from "lit/decorators.js";
 var __decorate9 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 ChoicesMixin = (superClass, selector) => {
   class ChoicesMixinElement extends superClass {
@@ -4498,7 +4470,7 @@ var ChoicesMixin = (superClass, selector) => {
         }
       });
       this._determineInputType();
-      const validIdentifiers = new Set(this._choiceElements.map((c3) => c3.identifier));
+      const validIdentifiers = new Set(this._choiceElements.map((c) => c.identifier));
       if (Array.isArray(this.response)) {
         const filteredResponse = this.response.filter((id) => validIdentifiers.has(id));
         if (filteredResponse.length !== this.response.length) {
@@ -4521,7 +4493,7 @@ var ChoicesMixin = (superClass, selector) => {
         isValid = false;
         validityMessage = this.dataset.minSelectionsMessage || `Please select at least ${this.minChoices} ${this.minChoices === 1 ? "option" : "options"}.`;
       }
-      const anchor = this._choiceElements.find((c3) => this.contains(c3)) || this;
+      const anchor = this._choiceElements.find((c) => this.contains(c)) || this;
       this.setInteractionValidity(isValid, validityMessage, anchor, { suppressInline: true });
       return isValid;
     }
@@ -4605,13 +4577,13 @@ var ChoicesMixin = (superClass, selector) => {
     }
   }
   __decorate9([
-    e2("#validation-message")
+    query("#validation-message")
   ], ChoicesMixinElement.prototype, "_validationMessageElement", void 0);
   __decorate9([
-    n2({ type: Number, attribute: "min-choices" })
+    property8({ type: Number, attribute: "min-choices" })
   ], ChoicesMixinElement.prototype, "minChoices", void 0);
   __decorate9([
-    n2({ type: Number, attribute: "max-choices" })
+    property8({ type: Number, attribute: "max-choices" })
   ], ChoicesMixinElement.prototype, "maxChoices", void 0);
   __decorate9([
     watch("maxChoices")
@@ -4623,7 +4595,7 @@ var ChoicesMixin = (superClass, selector) => {
     watch("readonly", { waitUntilFirstUpdate: true })
   ], ChoicesMixinElement.prototype, "_handleReadonlyChange", void 0);
   __decorate9([
-    n2({
+    property8({
       attribute: "response",
       reflect: false,
       converter: responseAttributeConverter({ emptyAs: "" })
@@ -4636,11 +4608,12 @@ var ChoicesMixin = (superClass, selector) => {
 };
 
 // ../interactions/core/dist/mixins/vocabulary/vocabulary-mixin.js
+import { property as property9 } from "lit/decorators.js";
 var __decorate10 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 VocabularyMixin = (superClass, _selector) => {
   class VocabularyElement extends superClass {
@@ -4700,7 +4673,7 @@ var VocabularyMixin = (superClass, _selector) => {
       return value.split(/\s+/).map((token) => token.trim()).filter(Boolean).filter((token, index, tokens) => tokens.indexOf(token) === index);
     }
     #syncLabels() {
-      const choiceElements = Array.from(this.querySelectorAll("qti-simple-choice")).map((c3) => c3);
+      const choiceElements = Array.from(this.querySelectorAll("qti-simple-choice")).map((c) => c);
       const choices = this.#getOrderedChoices(choiceElements);
       const labelType = this.#getActiveLabelType();
       const labelSuffixType = this.#getActiveLabelSuffixType();
@@ -4712,13 +4685,13 @@ var VocabularyMixin = (superClass, _selector) => {
       return choiceElements.map((choice, index) => {
         const order = Number(choice.style.order);
         return { el: choice, order: Number.isFinite(order) ? order : index + 1, index };
-      }).sort((a, b2) => a.order - b2.order || a.index - b2.index).map((choice) => choice.el);
+      }).sort((a, b) => a.order - b.order || a.index - b.index).map((choice) => choice.el);
     }
     #getActiveLabelType() {
-      return this.#classes.filter((c3) => this.#allLabels.includes(c3)).pop() ?? null;
+      return this.#classes.filter((c) => this.#allLabels.includes(c)).pop() ?? null;
     }
     #getActiveLabelSuffixType() {
-      return this.#classes.filter((c3) => this.#allLabelSuffixes.includes(c3)).pop() ?? null;
+      return this.#classes.filter((c) => this.#allLabelSuffixes.includes(c)).pop() ?? null;
     }
     #getLabel(index, labelType, labelSuffixType) {
       let effectiveLabelType = labelType;
@@ -4761,7 +4734,7 @@ var VocabularyMixin = (superClass, _selector) => {
     }
   }
   __decorate10([
-    n2({
+    property9({
       type: String,
       attribute: "class"
     })
@@ -4770,10 +4743,11 @@ var VocabularyMixin = (superClass, _selector) => {
 };
 
 // ../interactions/choice-interaction/dist/qti-choice-interaction.styles.js
+import { css as css7 } from "lit";
 var qti_choice_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css7`
     :host {
       display: block;
     }
@@ -4845,10 +4819,10 @@ var qti_choice_interaction_styles_default = [
 
 // ../interactions/choice-interaction/dist/qti-choice-interaction.js
 var __decorate11 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiChoiceInteraction = class extends VocabularyMixin(ChoicesMixin(Interaction, "qti-simple-choice"), "qti-simple-choice") {
   constructor() {
@@ -4863,7 +4837,7 @@ var QtiChoiceInteraction = class extends VocabularyMixin(ChoicesMixin(Interactio
     this.style.setProperty("--item-count", choices.length.toString());
   }
   render() {
-    return T`
+    return html7`
       <slot part="prompt" name="prompt"></slot>
       <slot part="slot" @slotchange=${this.#handleSlotChange}></slot>
       <div part="message" role="alert" id="validation-message"></div>
@@ -4871,13 +4845,19 @@ var QtiChoiceInteraction = class extends VocabularyMixin(ChoicesMixin(Interactio
   }
 };
 __decorate11([
-  n2({ type: String })
+  property10({ type: String })
 ], QtiChoiceInteraction.prototype, "orientation", void 0);
 
+// ../interactions/extended-text-interaction/dist/qti-extended-text-interaction.js
+import { html as html8 } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property as property11, state as state4 } from "lit/decorators.js";
+
 // ../interactions/extended-text-interaction/dist/qti-extended-text-interaction.styles.js
+import { css as css8 } from "lit";
 var qti_extended_text_interaction_styles_default = [
   boxSizing,
-  i`
+  css8`
     /* PK: display host as block, else design will be collapsed */
     /* 'position: relative' anchors the correction glyph the theme draws over the textarea. */
     :host {
@@ -4895,10 +4875,10 @@ var qti_extended_text_interaction_styles_default = [
 
 // ../interactions/extended-text-interaction/dist/qti-extended-text-interaction.js
 var __decorate12 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 DEFAULT_ROWS = 5;
 var CHARS_PER_ROW = 50;
@@ -5014,11 +4994,11 @@ var QtiExtendedTextInteraction = class extends Interaction {
    */
   /** The prompt, above the field. */
   renderPrompt() {
-    return T`<slot name="prompt"></slot>`;
+    return html8`<slot name="prompt"></slot>`;
   }
   /** The field itself. */
   renderTextarea() {
-    return T`<textarea
+    return html8`<textarea
       part="textarea"
       name="${this.responseIdentifier}"
       spellcheck="false"
@@ -5030,7 +5010,7 @@ var QtiExtendedTextInteraction = class extends Interaction {
       @blur="${(_) => {
       this.reportValidity();
     }}"
-      placeholder="${o2(this.placeholderText ? this.placeholderText : void 0)}"
+      placeholder="${ifDefined(this.placeholderText ? this.placeholderText : void 0)}"
       rows="${this._rows}"
       ?disabled="${this.disabled}"
       ?readonly="${this.readonly}"
@@ -5039,10 +5019,10 @@ var QtiExtendedTextInteraction = class extends Interaction {
   }
   /** Hidden until `Interaction.reportValidity` shows it. */
   renderValidationMessage() {
-    return T`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
+    return html8`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
   }
   render() {
-    return T`${this.renderPrompt()}${this.renderTextarea()} ${this.renderValidationMessage()}`;
+    return html8`${this.renderPrompt()}${this.renderTextarea()} ${this.renderValidationMessage()}`;
   }
   textChanged(event) {
     if (this.disabled || this.readonly)
@@ -5055,47 +5035,51 @@ var QtiExtendedTextInteraction = class extends Interaction {
   }
 };
 __decorate12([
-  r()
+  state4()
 ], QtiExtendedTextInteraction.prototype, "_rows", void 0);
 __decorate12([
-  n2({ type: Number, attribute: "expected-length" })
+  property11({ type: Number, attribute: "expected-length" })
 ], QtiExtendedTextInteraction.prototype, "expectedLength", void 0);
 __decorate12([
-  n2({ type: Number, attribute: "expected-lines" })
+  property11({ type: Number, attribute: "expected-lines" })
 ], QtiExtendedTextInteraction.prototype, "expectedLines", void 0);
 __decorate12([
-  n2({ type: String, reflect: true })
+  property11({ type: String, reflect: true })
 ], QtiExtendedTextInteraction.prototype, "format", void 0);
 __decorate12([
   watch("format")
 ], QtiExtendedTextInteraction.prototype, "_handleFormatChange", void 0);
 __decorate12([
-  n2({ type: String, attribute: "pattern-mask" })
+  property11({ type: String, attribute: "pattern-mask" })
 ], QtiExtendedTextInteraction.prototype, "patternMask", void 0);
 __decorate12([
-  n2({ type: String, attribute: "placeholder-text" })
+  property11({ type: String, attribute: "placeholder-text" })
 ], QtiExtendedTextInteraction.prototype, "placeholderText", void 0);
 __decorate12([
-  n2({ type: String, attribute: "data-patternmask-message" })
+  property11({ type: String, attribute: "data-patternmask-message" })
 ], QtiExtendedTextInteraction.prototype, "dataPatternmaskMessage", void 0);
 __decorate12([
-  n2({ type: String, attribute: "class" })
+  property11({ type: String, attribute: "class" })
 ], QtiExtendedTextInteraction.prototype, "classNames", void 0);
 __decorate12([
   watch(["classNames", "expectedLines", "expectedLength"])
 ], QtiExtendedTextInteraction.prototype, "_handleRowsInputChange", null);
 __decorate12([
-  n2({ type: String, attribute: "response", reflect: false })
+  property11({ type: String, attribute: "response", reflect: false })
 ], QtiExtendedTextInteraction.prototype, "response", void 0);
 __decorate12([
   watch("response", { waitUntilFirstUpdate: true })
 ], QtiExtendedTextInteraction.prototype, "_handleResponseChange", void 0);
 
+// ../interactions/gap-match-interaction/dist/qti-gap-match-interaction.js
+import { html as html9 } from "lit";
+
 // ../interactions/gap-match-interaction/dist/qti-gap-match-interaction.styles.js
+import { css as css9 } from "lit";
 var qti_gap_match_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css9`
     :host {
       display: flex;
       align-items: flex-start;
@@ -5148,13 +5132,19 @@ var QtiGapMatchInteraction = class extends DragDropSlottedSortableMixin(DragDrop
     this.styles = qti_gap_match_interaction_styles_default;
   }
   render() {
-    return T`<slot name="prompt"> </slot>
+    return html9`<slot name="prompt"> </slot>
       <slot part="drags" name="drags"></slot>
       <slot part="drops"></slot>
       <div role="alert" part="message" id="validation-message"></div>`;
   }
 };
 
+// ../interactions/graphic-associate-interaction/dist/qti-graphic-associate-interaction.js
+import { html as html10, nothing as nothing2, svg } from "lit";
+import { property as property12, queryAssignedElements, state as state5 } from "lit/decorators.js";
+import { ifDefined as ifDefined2 } from "lit/directives/if-defined.js";
+import { repeat as repeat3 } from "lit/directives/repeat.js";
+
 // ../interactions/core/dist/internal/hotspots/hotspot.js
 function positionShapes(shape, coordsNumber, img, hotspot) {
   const imgWidth = img.getAttribute("width") ? parseFloat(img.getAttribute("width")) : img.naturalWidth;
@@ -5220,8 +5210,8 @@ function positionShapes(shape, coordsNumber, img, hotspot) {
           return;
         }
         const polycoords = [];
-        for (let i5 = 0; i5 < coordsNumber.length; i5 += 2) {
-          polycoords.push({ x: coordsNumber[i5], y: coordsNumber[i5 + 1] });
+        for (let i = 0; i < coordsNumber.length; i += 2) {
+          polycoords.push({ x: coordsNumber[i], y: coordsNumber[i + 1] });
         }
         const leftX = Math.min(...polycoords.map((point) => point.x));
         const rightX = Math.max(...polycoords.map((point) => point.x));
@@ -5239,9 +5229,9 @@ function positionShapes(shape, coordsNumber, img, hotspot) {
           x: (point.x - leftX) / (rightX - leftX) * 100,
           y: (point.y - topY) / (bottomY - topY) * 100
         }));
-        const polyD = polygonData.map((p2) => `${p2.x}% ${p2.y}%`).join(",");
+        const polyD = polygonData.map((p) => `${p.x}% ${p.y}%`).join(",");
         hotspot.style.clipPath = `polygon(${polyD})`;
-        const svgPoints = polygonData.map((p2) => `${p2.x},${p2.y}`).join(" ");
+        const svgPoints = polygonData.map((p) => `${p.x},${p.y}`).join(" ");
         const outline = (strokeWidth) => `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='${svgPoints}' fill='none' stroke='black' stroke-width='${strokeWidth}' vector-effect='non-scaling-stroke' stroke-linejoin='round'/></svg>`)}")`;
         hotspot.style.setProperty("--qti-shape-outline", outline(4));
         hotspot.style.setProperty("--qti-shape-outline-bold", outline(8));
@@ -5254,10 +5244,11 @@ function positionShapes(shape, coordsNumber, img, hotspot) {
 }
 
 // ../interactions/graphic-associate-interaction/dist/qti-graphic-associate-interaction.styles.js
+import { css as css10 } from "lit";
 var qti_graphic_associate_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css10`
     /* Containing block for the absolutely positioned hotspots over the image. Was on this host in
        the theme, together with a 'display: block' this component now owns. */
     :host {
@@ -5292,10 +5283,10 @@ var qti_graphic_associate_interaction_styles_default = [
 
 // ../interactions/graphic-associate-interaction/dist/qti-graphic-associate-interaction.js
 var __decorate13 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiGraphicAssociateInteraction = class extends Interaction {
   static {
@@ -5333,17 +5324,17 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
   }
   /** Extension hook for optional SVG lines rendered above the candidate response. */
   renderSupplementalLines() {
-    return A;
+    return nothing2;
   }
   render() {
-    return T`<slot name="prompt"></slot>
+    return html10`<slot name="prompt"></slot>
       <line-container>
         <svg
-          width=${o2(this.grImage[0]?.width)}
-          height=${o2(this.grImage[0]?.height)}
+          width=${ifDefined2(this.grImage[0]?.width)}
+          height=${ifDefined2(this.grImage[0]?.height)}
           viewbox="0 0 ${this.grImage[0]?.width} ${this.grImage[0]?.height}"
         >
-          ${c2(this.#getResponseArray(), (line) => line, (line, index) => b`
+          ${repeat3(this.#getResponseArray(), (line) => line, (line, index) => svg`
               <line
                 part="line"
                 x1=${parseInt(this.querySelector(`[identifier=${line.split(" ")[0]}]`).style.left)}
@@ -5352,15 +5343,15 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
                 y2=${parseInt(this.querySelector(`[identifier=${line.split(" ")[1]}]`).style.top)}
                 stroke="red"
                 stroke-width="3"
-                @click=${(e5) => {
-      e5.stopPropagation();
-      this._response = this._response.filter((_, i5) => i5 !== index);
+                @click=${(e) => {
+      e.stopPropagation();
+      this._response = this._response.filter((_, i) => i !== index);
       this.saveResponse(this.response);
     }}
               />
             `)}
           ${this.renderSupplementalLines()}
-          ${this.#startPoint && b`<line
+          ${this.#startPoint && svg`<line
             part="point"
             x1=${this.startCoord.x}
             y1=${this.startCoord.y}
@@ -5374,9 +5365,9 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
       </line-container>
       <div role="alert" part="message" id="validation-message"></div>`;
   }
-  #positionHotspotOnRegister(e5) {
+  #positionHotspotOnRegister(e) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5427,19 +5418,19 @@ var QtiGraphicAssociateInteraction = class extends Interaction {
   }
 };
 __decorate13([
-  r()
+  state5()
 ], QtiGraphicAssociateInteraction.prototype, "startCoord", void 0);
 __decorate13([
-  r()
+  state5()
 ], QtiGraphicAssociateInteraction.prototype, "mouseCoord", void 0);
 __decorate13([
-  o({ selector: "img" })
+  queryAssignedElements({ selector: "img" })
 ], QtiGraphicAssociateInteraction.prototype, "grImage", void 0);
 __decorate13([
-  r()
+  state5()
 ], QtiGraphicAssociateInteraction.prototype, "_response", void 0);
 __decorate13([
-  n2({
+  property12({
     attribute: "response",
     reflect: false,
     noAccessor: true,
@@ -5447,11 +5438,15 @@ __decorate13([
   })
 ], QtiGraphicAssociateInteraction.prototype, "response", null);
 
+// ../interactions/graphic-gap-match-interaction/dist/qti-graphic-gap-match-interaction.js
+import { html as html11 } from "lit";
+
 // ../interactions/graphic-gap-match-interaction/dist/qti-graphic-gap-match-interaction.styles.js
+import { css as css11 } from "lit";
 var qti_graphic_gap_match_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css11`
     :host {
       display: flex;
       align-items: flex-start;
@@ -5518,7 +5513,7 @@ var QtiGraphicGapMatchInteraction = class extends DragDropSlottedSortableMixin(S
     this.styles = qti_graphic_gap_match_interaction_styles_default;
   }
   render() {
-    return T` <slot name="prompt"></slot>
+    return html11` <slot name="prompt"></slot>
       <slot part="image"></slot>
       <slot part="drags" name="drags" class="hover-border"></slot>
       <div role="alert" part="message" id="validation-message"></div>`;
@@ -5526,8 +5521,8 @@ var QtiGraphicGapMatchInteraction = class extends DragDropSlottedSortableMixin(S
   shouldReturnToInventoryOnInventoryDrop() {
     return true;
   }
-  #positionHotspotOnRegister(e5) {
-    const hotspot = e5.target;
+  #positionHotspotOnRegister(e) {
+    const hotspot = e.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5563,11 +5558,15 @@ var QtiGraphicGapMatchInteraction = class extends DragDropSlottedSortableMixin(S
   }
 };
 
+// ../interactions/graphic-order-interaction/dist/qti-graphic-order-interaction.js
+import { html as html12 } from "lit";
+
 // ../interactions/graphic-order-interaction/dist/qti-graphic-order-interaction.styles.js
+import { css as css12 } from "lit";
 var qti_graphic_order_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css12`
     /* The order pins are anchored outside their hotspot's box. */
     :host {
       /* The box this element already had. See the note in qti-match-interaction.styles.ts. */
@@ -5619,14 +5618,14 @@ var QtiGraphicOrderInteraction = class _QtiGraphicOrderInteraction extends Choic
   }
   static #LOCATOR_CLASS = "cito-graphic-order-marker";
   render() {
-    return T`
+    return html12`
       <slot name="prompt"></slot>
       <slot></slot>
       <div role="alert" part="message" id="validation-message"></div>
     `;
   }
-  #setHotspotOrder(e5) {
-    const { identifier } = e5.detail;
+  #setHotspotOrder(e) {
+    const { identifier } = e.detail;
     const hotspot = this._choiceElements.find((el) => el.getAttribute("identifier") === identifier);
     if (!hotspot)
       return;
@@ -5634,7 +5633,7 @@ var QtiGraphicOrderInteraction = class _QtiGraphicOrderInteraction extends Choic
     if (!this.choiceOrdering) {
       this.choiceOrdering = true;
       if (hotspot.order == null) {
-        const currentSelection = this._choiceElements.filter((i5) => i5.order != null).length;
+        const currentSelection = this._choiceElements.filter((i) => i.order != null).length;
         if (currentSelection >= maxSelection) {
           this.choiceOrdering = false;
           return;
@@ -5667,7 +5666,7 @@ var QtiGraphicOrderInteraction = class _QtiGraphicOrderInteraction extends Choic
     this._choiceElements.forEach((choice) => {
       choice.style.removeProperty("anchor-name");
     });
-    const orderedChoices = this._choiceElements.filter((choice) => choice.order != null).sort((a, b2) => a.order - b2.order);
+    const orderedChoices = this._choiceElements.filter((choice) => choice.order != null).sort((a, b) => a.order - b.order);
     orderedChoices.forEach((choice) => {
       const anchorName = this.#anchorNameForChoice(choice);
       choice.style.setProperty("anchor-name", anchorName);
@@ -5683,9 +5682,9 @@ var QtiGraphicOrderInteraction = class _QtiGraphicOrderInteraction extends Choic
       this.append(marker);
     });
   }
-  #positionHotspotOnRegister(e5) {
+  #positionHotspotOnRegister(e) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5705,11 +5704,15 @@ var QtiGraphicOrderInteraction = class _QtiGraphicOrderInteraction extends Choic
   }
 };
 
+// ../interactions/hotspot-interaction/dist/qti-hotspot-interaction.js
+import { html as html13 } from "lit";
+
 // ../interactions/hotspot-interaction/dist/qti-hotspot-interaction.styles.js
+import { css as css13 } from "lit";
 var qti_hotspot_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css13`
     :host {
       display: block;
     }
@@ -5767,7 +5770,7 @@ var QtiHotspotInteraction = class extends ChoicesMixin(Interaction, "qti-hotspot
     this.styles = qti_hotspot_interaction_styles_default;
   }
   render() {
-    return T`
+    return html13`
       <slot name="prompt"></slot>
       <slot></slot>
       <div part="message" role="alert" id="validation-message"></div>
@@ -5790,9 +5793,9 @@ var QtiHotspotInteraction = class extends ChoicesMixin(Interaction, "qti-hotspot
     }
     return this.#imageLoadPromise;
   }
-  async #positionHotspotOnRegister(e5) {
+  async #positionHotspotOnRegister(e) {
     const img = this.querySelector("img");
-    const hotspot = e5.target;
+    const hotspot = e.target;
     const coords = hotspot.getAttribute("coords");
     const shape = hotspot.getAttribute("shape");
     const coordsNumber = coords.split(",").map((s) => parseInt(s));
@@ -5809,11 +5812,15 @@ var QtiHotspotInteraction = class extends ChoicesMixin(Interaction, "qti-hotspot
   }
 };
 
+// ../interactions/hottext-interaction/dist/qti-hottext-interaction.js
+import { html as html14 } from "lit";
+
 // ../interactions/hottext-interaction/dist/qti-hottext-interaction.styles.js
+import { css as css14 } from "lit";
 var qti_hottext_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css14`
     /* The box this element already had. See the note in qti-match-interaction.styles.ts. */
     :host {
       display: block;
@@ -5825,7 +5832,7 @@ var qti_hottext_interaction_styles_default = [
 var QtiHottextInteraction = class extends ChoicesMixin(Interaction, "qti-hottext") {
   constructor() {
     super(...arguments);
-    this.render = () => T`<slot></slot>
+    this.render = () => html14`<slot></slot>
       <div part="message" role="alert" id="validation-message"></div>`;
   }
   static {
@@ -5833,6 +5840,11 @@ var QtiHottextInteraction = class extends ChoicesMixin(Interaction, "qti-hottext
   }
 };
 
+// ../interactions/inline-choice-interaction/dist/qti-inline-choice-interaction.js
+import { html as html15 } from "lit";
+import { property as property13, state as state6 } from "lit/decorators.js";
+import { consume as consume3 } from "@lit/context";
+
 // ../interactions/core/dist/mixins/menu-auto-size/menu-auto-size.mixin.js
 var MenuAutoSizeMixin = (superClass, menuSelector = "[part='menu']", triggerSelector = "[part='trigger']", customProperty = "--qti-inline-choice-width") => {
   class MenuAutoSizeElement extends superClass {
@@ -6018,7 +6030,8 @@ var MenuAutoSizeMixin = (superClass, menuSelector = "[part='menu']", triggerSele
 };
 
 // ../interactions/inline-choice-interaction/dist/qti-inline-choice-interaction.styles.js
-var own = i`
+import { css as css15 } from "lit";
+var own = css15`
   /* ── Host ──────────────────────────────────────────────────────────────────
      Inline-block so the element flows with surrounding text.
      --qti-inline-choice-width is the single width control surface:
@@ -6205,10 +6218,10 @@ var qti_inline_choice_interaction_styles_default = styles;
 
 // ../interactions/inline-choice-interaction/dist/qti-inline-choice-interaction.js
 var __decorate14 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 inlineChoiceMenuCounter = 0;
 var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
@@ -6312,7 +6325,7 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   /** The closed combobox — the box showing the chosen option. */
   renderTrigger() {
     const selected = this.#selectedOption();
-    return T`
+    return html15`
       <button
         part="trigger"
         type="button"
@@ -6336,7 +6349,7 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   }
   /** The popover listbox. */
   renderMenu() {
-    return T`
+    return html15`
       <div
         id="${this._menuId}"
         part="menu"
@@ -6360,10 +6373,10 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   }
   /** Hidden until `Interaction.reportValidity` shows it. */
   renderValidationMessage() {
-    return T`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
+    return html15`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
   }
   render() {
-    return T` ${this.renderTrigger()} ${this.renderMenu()} ${this.renderValidationMessage()} `;
+    return html15` ${this.renderTrigger()} ${this.renderMenu()} ${this.renderValidationMessage()} `;
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -6380,6 +6393,10 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
     this._slotObserver?.disconnect();
     this._slotObserver = null;
   }
+  /* `PropertyValues`, not `PropertyValues<this>`: the polymorphic `this` narrows the
+  parameter per subclass and breaks structural compatibility with LitElement, which
+  is what `Constructor<LitElement>` — the standard Lit mixin constraint — checks.
+  See Interaction#firstUpdated in @qti-components/base. */
   willUpdate(changed) {
     if (changed.has("configContext")) {
       this.#updateOptions();
@@ -6403,7 +6420,7 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
     const choices = Array.from(this.querySelectorAll("qti-inline-choice"));
     const prompt = this.dataPrompt || this.configContext?.inlineChoicePrompt || "select";
     const pendingValue = this._pendingResponse;
-    const currentlySelectedValue = pendingValue !== void 0 ? pendingValue ?? "" : this.options.find((o5) => o5.selected)?.value ?? "";
+    const currentlySelectedValue = pendingValue !== void 0 ? pendingValue ?? "" : this.options.find((o) => o.selected)?.value ?? "";
     const nextOptions = [
       {
         content: prompt,
@@ -6419,8 +6436,8 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
         };
       })
     ];
-    const hasSelected = nextOptions.some((o5) => o5.selected);
-    this.options = hasSelected ? nextOptions : nextOptions.map((o5, i5) => ({ ...o5, selected: i5 === 0 }));
+    const hasSelected = nextOptions.some((o) => o.selected);
+    this.options = hasSelected ? nextOptions : nextOptions.map((o, i) => ({ ...o, selected: i === 0 }));
     this._pendingResponse = void 0;
     this.#syncSlottedChoices();
     this.updateMenuWidth();
@@ -6436,7 +6453,7 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   shouldAutoSizeMenu() {
     if (!this.configContext?.inlineChoiceAutosize)
       return false;
-    return !Array.from(this.classList).some((c3) => c3.startsWith("qti-input-width-"));
+    return !Array.from(this.classList).some((c) => c.startsWith("qti-input-width-"));
   }
   /**
    * The chevron sits in the trigger and not in the menu, so the menu never measures it.
@@ -6465,7 +6482,7 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   }
   reset() {
     this.#setDropdownOpen(false);
-    this.options = this.options.map((option, i5) => ({ ...option, selected: i5 === 0 }));
+    this.options = this.options.map((option, i) => ({ ...option, selected: i === 0 }));
     this.#syncSlottedChoices();
   }
   set response(value) {
@@ -6571,23 +6588,23 @@ var QtiInlineChoiceInteraction = class extends MenuAutoSizeMixin(Interaction) {
   }
 };
 __decorate14([
-  r()
+  state6()
 ], QtiInlineChoiceInteraction.prototype, "options", void 0);
 __decorate14([
-  r()
+  state6()
 ], QtiInlineChoiceInteraction.prototype, "_dropdownOpen", void 0);
 __decorate14([
-  c({ context: configContext, subscribe: true }),
-  n2({ attribute: false })
+  consume3({ context: configContext, subscribe: true }),
+  property13({ attribute: false })
 ], QtiInlineChoiceInteraction.prototype, "configContext", void 0);
 __decorate14([
-  n2({ type: String, attribute: "data-prompt" })
+  property13({ type: String, attribute: "data-prompt" })
 ], QtiInlineChoiceInteraction.prototype, "dataPrompt", void 0);
 __decorate14([
   watch("dataPrompt", { waitUntilFirstUpdate: true })
 ], QtiInlineChoiceInteraction.prototype, "_handleDataPromptChange", void 0);
 __decorate14([
-  n2({
+  property13({
     type: Boolean,
     reflect: true,
     converter: {
@@ -6598,20 +6615,25 @@ __decorate14([
   })
 ], QtiInlineChoiceInteraction.prototype, "required", void 0);
 __decorate14([
-  n2({ type: Number, attribute: "min-choices" })
+  property13({ type: Number, attribute: "min-choices" })
 ], QtiInlineChoiceInteraction.prototype, "minChoices", void 0);
 __decorate14([
   watch(["required", "minChoices"], { waitUntilFirstUpdate: true })
 ], QtiInlineChoiceInteraction.prototype, "_handleRequiredChange", void 0);
 __decorate14([
-  n2({ attribute: "response", reflect: false, noAccessor: true })
+  property13({ attribute: "response", reflect: false, noAccessor: true })
 ], QtiInlineChoiceInteraction.prototype, "response", null);
 
+// ../interactions/match-interaction/dist/qti-match-interaction.js
+import { html as html16, nothing as nothing3 } from "lit";
+import { property as property14, state as state7 } from "lit/decorators.js";
+
 // ../interactions/match-interaction/dist/qti-match-interaction.styles.js
+import { css as css16 } from "lit";
 var qti_match_interaction_styles_default = [
   boxSizing,
   validationMessage,
-  i`
+  css16`
     /*
      * A custom element is inline unless it says otherwise, and this one never did. Its shadow content
      * is block-level, so block-in-inline generated the anonymous block boxes and it looked correct —
@@ -6721,9 +6743,10 @@ var qti_match_interaction_styles_default = [
 ];
 
 // ../interactions/match-interaction/dist/qti-match-interaction-tabular.styles.js
+import { css as css17 } from "lit";
 var qti_match_interaction_tabular_styles_default = [
   boxSizing,
-  i`
+  css17`
     :host(.qti-match-tabular) slot:not([hidden]) {
       display: contents;
     }
@@ -6784,10 +6807,10 @@ var qti_match_interaction_tabular_styles_default = [
 
 // ../interactions/match-interaction/dist/qti-match-interaction.js
 var __decorate15 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlottedMixin(Interaction, "qti-simple-match-set:first-of-type qti-simple-associable-choice, qti-simple-match-set:last-of-type > qti-simple-associable-choice > qti-simple-associable-choice", "qti-simple-match-set:last-of-type > qti-simple-associable-choice", "qti-simple-match-set:first-of-type"), '[qti-draggable="true"]') {
   constructor() {
@@ -6797,18 +6820,18 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
     this.class = "";
     this._response = [];
     this.responseIdentifier = "";
-    this.handleRadioClick = (e5) => {
-      const radio = e5.target;
+    this.handleRadioClick = (e) => {
+      const radio = e.target;
       if (this.lastCheckedRadio === radio) {
         radio.checked = false;
         this.lastCheckedRadio = null;
-        this.handleRadioChange(e5);
+        this.handleRadioChange(e);
       } else {
         this.lastCheckedRadio = radio;
       }
     };
-    this.handleRadioChange = (e5) => {
-      const checkbox = e5.target;
+    this.handleRadioChange = (e) => {
+      const checkbox = e.target;
       const value = checkbox.value;
       const name = checkbox.name;
       const type = checkbox.type;
@@ -6817,13 +6840,13 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
           this.response = [value];
         } else if (this.response.indexOf(value) === -1) {
           if (type === "radio") {
-            this.response = (this.response || []).filter((v2) => v2.indexOf(name) === -1);
+            this.response = (this.response || []).filter((v) => v.indexOf(name) === -1);
           }
           this.response = [...this.response, value];
         }
         this.lastCheckedRadio = checkbox;
       } else {
-        this.response = (this.response || []).filter((v2) => v2 !== value);
+        this.response = (this.response || []).filter((v) => v !== value);
         this.lastCheckedRadio = null;
       }
       this.requestUpdate();
@@ -6890,27 +6913,27 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
     const sets = this.querySelectorAll(":scope > qti-simple-match-set");
     const sourceSet = sets[0];
     const targetSet = sets[1];
-    const stripSizing = (c3) => {
-      c3.style.removeProperty("min-width");
-      c3.style.removeProperty("min-height");
-      c3.style.removeProperty("--qti-dropzone-min-height");
+    const stripSizing = (c) => {
+      c.style.removeProperty("min-width");
+      c.style.removeProperty("min-height");
+      c.style.removeProperty("--qti-dropzone-min-height");
     };
     if (isTabular) {
       sourceSet?.setAttribute("slot", "match-rows");
       targetSet?.setAttribute("slot", "match-cols");
-      this.sourceChoices?.forEach((c3) => {
-        stripSizing(c3);
-        c3.setAttribute("role", "rowheader");
+      this.sourceChoices?.forEach((c) => {
+        stripSizing(c);
+        c.setAttribute("role", "rowheader");
       });
-      this.targetChoices?.forEach((c3) => {
-        stripSizing(c3);
-        c3.setAttribute("role", "columnheader");
+      this.targetChoices?.forEach((c) => {
+        stripSizing(c);
+        c.setAttribute("role", "columnheader");
       });
     } else {
       sourceSet?.removeAttribute("slot");
       targetSet?.removeAttribute("slot");
-      this.sourceChoices?.forEach((c3) => c3.removeAttribute("role"));
-      this.targetChoices?.forEach((c3) => c3.removeAttribute("role"));
+      this.sourceChoices?.forEach((c) => c.removeAttribute("role"));
+      this.targetChoices?.forEach((c) => c.removeAttribute("role"));
     }
   }
   validate() {
@@ -6926,11 +6949,11 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
   }
   render() {
     const isTabular = this.class.split(" ").includes("qti-match-tabular");
-    return T`
+    return html16`
       <slot name="prompt"></slot>
       <slot ?hidden=${isTabular}></slot>
 
-      ${isTabular ? T`
+      ${isTabular ? html16`
             <div
               part="grid"
               role="grid"
@@ -6940,13 +6963,13 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
               <div part="cols-wrap" role="row"><slot name="match-cols" part="c-header"></slot></div>
               <div part="rows-wrap"><slot name="match-rows" part="r-header"></slot></div>
               <div part="checkbox-grid">
-                ${this.sourceChoices.map((row, r2) => T`
+                ${this.sourceChoices.map((row, r) => html16`
                     <div role="row" style="display: contents;">
-                      ${this.targetChoices.map((col, c3) => {
+                      ${this.targetChoices.map((col, c) => {
       const rowId = row.getAttribute("identifier");
       const colId = col.getAttribute("identifier");
       const value = `${rowId} ${colId}`;
-      const selectedInRowCount = (this.response || []).filter((v2) => v2.split(" ")[0] === rowId).length || 0;
+      const selectedInRowCount = (this.response || []).filter((v) => v.split(" ")[0] === rowId).length || 0;
       const checked = this.response?.includes(value) || false;
       const type = row.matchMax === 1 ? "radio" : "checkbox";
       const stateVariant = this.getCellStateVariant(value, checked);
@@ -6954,11 +6977,11 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
       const controlPart = `control ${type} ${checkedMarker} ${stateVariant}`.trim();
       const controlMarkPart = `control-mark ${type} ${checkedMarker} ${stateVariant}`.trim();
       const disable = row.matchMax === 1 ? false : row.matchMax !== 0 && selectedInRowCount >= row.matchMax && !checked;
-      return T`
+      return html16`
                           <label
                             part="input-cell"
                             role="gridcell"
-                            style="grid-row: ${r2 + 1}; grid-column: ${c3 + 1}; display: flex; align-items: center; justify-content: center; cursor: pointer;"
+                            style="grid-row: ${r + 1}; grid-column: ${c + 1}; display: flex; align-items: center; justify-content: center; cursor: pointer;"
                           >
                             <input
                               type=${type}
@@ -6967,8 +6990,8 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
                               value=${value}
                               .checked=${checked}
                               .disabled=${disable}
-                              @change=${(e5) => this.handleRadioChange(e5)}
-                              @click=${(e5) => row.matchMax === 1 ? this.handleRadioClick(e5) : null}
+                              @change=${(e) => this.handleRadioChange(e)}
+                              @click=${(e) => row.matchMax === 1 ? this.handleRadioClick(e) : null}
                             />
                             <span part=${controlPart} role=${type} aria-checked=${checked ? "true" : "false"}>
                               <span part=${controlMarkPart}></span>
@@ -6980,28 +7003,34 @@ var QtiMatchInteraction = class extends DragDropSlottedSortableMixin(DragDropSlo
                   `)}
               </div>
             </div>
-          ` : A}
+          ` : nothing3}
 
       <div role="alert" part="message" id="validation-message"></div>
     `;
   }
 };
 __decorate15([
-  n2({ type: String })
+  property14({ type: String })
 ], QtiMatchInteraction.prototype, "class", void 0);
 __decorate15([
-  r()
+  state7()
 ], QtiMatchInteraction.prototype, "_response", void 0);
 __decorate15([
-  n2({ type: String, attribute: "response-identifier" })
+  property14({ type: String, attribute: "response-identifier" })
 ], QtiMatchInteraction.prototype, "responseIdentifier", void 0);
 
+// ../interactions/order-interaction/dist/qti-order-interaction.js
+import { html as html17 } from "lit";
+import { repeat as repeat4 } from "lit/directives/repeat.js";
+import { property as property15, state as state8 } from "lit/decorators.js";
+
 // ../interactions/order-interaction/dist/qti-order-interaction.styles.js
+import { css as css18 } from "lit";
 var qti_order_interaction_styles_default = [
   boxSizing,
   validationMessage,
   dropRegion,
-  i`
+  css18`
     /* The box this element already had. See the note in qti-match-interaction.styles.ts. */
     :host {
       display: block;
@@ -7216,10 +7245,10 @@ var qti_order_interaction_styles_default = [
 
 // ../interactions/order-interaction/dist/qti-order-interaction.js
 var __decorate16 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 SlottedBase3 = DragDropSlottedMixin(Interaction, `qti-simple-choice`, `[part~='drop']`, `slot[part~='drags']`);
 var QtiOrderInteraction = class extends DragDropSlottedSortableMixin(SlottedBase3, '[qti-draggable="true"]') {
@@ -7235,15 +7264,15 @@ var QtiOrderInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
     if (this.nrChoices < choices.length) {
       this.nrChoices = choices.length;
     }
-    return T` <slot name="prompt"> </slot>
+    return html17` <slot name="prompt"> </slot>
       <div part="container">
         <slot part="drags"> </slot>
         <div part="drops">
-          ${[...Array(this.nrChoices)].map((_, i5) => {
-      const identifier = `droplist${i5}`;
+          ${[...Array(this.nrChoices)].map((_, i) => {
+      const identifier = `droplist${i}`;
       const drags = this._dragDrop?.nodesByTarget?.[identifier] ?? [];
-      return T`<div role="region" part="drop" data-declarative-drops identifier=${identifier}>
-              ${c2(drags, (node) => node.getAttribute("identifier"), (node) => node)}
+      return html17`<div role="region" part="drop" data-declarative-drops identifier=${identifier}>
+              ${repeat4(drags, (node) => node.getAttribute("identifier"), (node) => node)}
             </div>`;
     })}
         </div>
@@ -7255,7 +7284,7 @@ var QtiOrderInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
   // you have to implement your own getResponse method in the superclass
   // cause they are different for some interactions.
   getValue(val) {
-    return val?.map((v2, i5) => `${v2} droplist${i5}`) || [];
+    return val?.map((v, i) => `${v} droplist${i}`) || [];
   }
   // some interactions have a different way of getting the response
   // this is called from the drag and drop mixin class
@@ -7275,16 +7304,22 @@ var QtiOrderInteraction = class extends DragDropSlottedSortableMixin(SlottedBase
   }
 };
 __decorate16([
-  r()
+  state8()
 ], QtiOrderInteraction.prototype, "nrChoices", void 0);
 __decorate16([
-  n2({ type: String })
+  property15({ type: String })
 ], QtiOrderInteraction.prototype, "orientation", void 0);
 
+// ../interactions/portable-custom-interaction/dist/qti-portable-custom-interaction.js
+import { css as css20, html as html18 } from "lit";
+import { property as property16, state as state9 } from "lit/decorators.js";
+import { consume as consume4 } from "@lit/context";
+
 // ../interactions/portable-custom-interaction/dist/qti-portable-custom-interaction.styles.js
+import { css as css19 } from "lit";
 var qti_portable_custom_interaction_styles_default = [
   boxSizing,
-  i`
+  css19`
     :host {
       display: block;
       width: 100%;
@@ -7299,10 +7334,10 @@ var qti_portable_custom_interaction_styles_default = [
 
 // ../interactions/portable-custom-interaction/dist/qti-portable-custom-interaction.js
 var __decorate17 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 STATUSES_SHOWING_CORRECT_RESPONSE = ["solution", "review"];
 function hasCorrectResponseValue(value) {
@@ -7385,30 +7420,30 @@ var QtiPortableCustomInteraction = class extends Interaction {
             this.#pciCustomValidityMessage = pciCustomValidity;
           }
           const stateRaw = data?.params?.state;
-          let state;
+          let state11;
           if (stateRaw === void 0) {
-            state = void 0;
+            state11 = void 0;
           } else if (stateRaw === null) {
-            state = null;
+            state11 = null;
           } else if (typeof stateRaw === "string") {
-            state = stateRaw;
+            state11 = stateRaw;
           } else {
             try {
-              state = `__qti_json__::${JSON.stringify(stateRaw)}`;
+              state11 = `__qti_json__::${JSON.stringify(stateRaw)}`;
             } catch {
-              state = null;
+              state11 = null;
             }
           }
           if (converted === null) {
             const emptyResponse = this.responseVariable?.cardinality === "single" ? "" : [];
             this.response = emptyResponse;
             this.validate();
-            this.saveResponse(emptyResponse, state);
+            this.saveResponse(emptyResponse, state11);
             break;
           }
           this.response = converted;
           this.validate();
-          this.saveResponse(converted, state);
+          this.saveResponse(converted, state11);
           break;
         }
         case "error":
@@ -7423,7 +7458,7 @@ var QtiPortableCustomInteraction = class extends Interaction {
   static {
     this.styles = [
       qti_portable_custom_interaction_styles_default,
-      i`
+      css20`
       :host {
         display: block;
         width: 100%;
@@ -7500,9 +7535,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
           throw new Error("Require paths must be a JSON object.");
         }
         this.#parsedRequirePaths = parsedJson;
-      } catch (e5) {
-        console.error("Error parsing require paths JSON:", e5);
-        this._errorMessage = `Error parsing require paths JSON: ${e5.message}`;
+      } catch (e) {
+        console.error("Error parsing require paths JSON:", e);
+        this._errorMessage = `Error parsing require paths JSON: ${e.message}`;
         this.#parsedRequirePaths = {};
       }
     }
@@ -7515,9 +7550,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
     if (this.#parsedRequireShim === null && this.requireShimJson) {
       try {
         this.#parsedRequireShim = JSON.parse(this.requireShimJson);
-      } catch (e5) {
-        console.error("Error parsing require shim JSON:", e5);
-        this._errorMessage = `Error parsing require shim JSON: ${e5.message}`;
+      } catch (e) {
+        console.error("Error parsing require shim JSON:", e);
+        this._errorMessage = `Error parsing require shim JSON: ${e.message}`;
         this.#parsedRequireShim = {};
       }
     }
@@ -7619,7 +7654,7 @@ var QtiPortableCustomInteraction = class extends Interaction {
       return this.recordToQtiVariableJSON(value);
     }
     if (cardinality !== "single") {
-      const listValues = this.normalizeListValue(value).map((v2) => this.coerceBaseValue(v2, baseType));
+      const listValues = this.normalizeListValue(value).map((v) => this.coerceBaseValue(v, baseType));
       return { list: { [baseType]: listValues } };
     }
     return { base: { [baseType]: this.coerceBaseValue(value, baseType) } };
@@ -7642,16 +7677,16 @@ var QtiPortableCustomInteraction = class extends Interaction {
    */
   recordEntryFromValue(name, entryValue) {
     if (Array.isArray(entryValue)) {
-      const filtered = entryValue.filter((v2) => v2 !== null && v2 !== void 0);
-      if (filtered.length && filtered.every((v2) => typeof v2 === "boolean")) {
+      const filtered = entryValue.filter((v) => v !== null && v !== void 0);
+      if (filtered.length && filtered.every((v) => typeof v === "boolean")) {
         return { name, list: { boolean: filtered } };
       }
-      if (filtered.length && filtered.every((v2) => typeof v2 === "number")) {
+      if (filtered.length && filtered.every((v) => typeof v === "number")) {
         const numbers = filtered;
-        const isIntegers = numbers.every((n5) => Number.isInteger(n5));
+        const isIntegers = numbers.every((n) => Number.isInteger(n));
         return { name, list: { [isIntegers ? "integer" : "float"]: numbers } };
       }
-      return { name, list: { string: entryValue.map((v2) => v2 === null || v2 === void 0 ? "" : String(v2)) } };
+      return { name, list: { string: entryValue.map((v) => v === null || v === void 0 ? "" : String(v)) } };
     }
     if (typeof entryValue === "boolean") {
       return { name, base: { boolean: entryValue } };
@@ -7727,7 +7762,7 @@ var QtiPortableCustomInteraction = class extends Interaction {
       const identifier = el.getAttribute("template-identifier") || el.getAttribute("identifier") || "";
       if (!identifier)
         return;
-      const variable = this.context?.variables?.find((v2) => v2.identifier === identifier);
+      const variable = this.context?.variables?.find((v) => v.identifier === identifier);
       if (!variable)
         return;
       const cardinality = variable.cardinality || "single";
@@ -7754,7 +7789,7 @@ var QtiPortableCustomInteraction = class extends Interaction {
           contextVariables[identifier] = record;
         return;
       }
-      const variable = this.context?.variables?.find((v2) => v2.identifier === identifier);
+      const variable = this.context?.variables?.find((v) => v.identifier === identifier);
       if (!variable)
         return;
       const cardinality = variable.cardinality || "single";
@@ -7780,9 +7815,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
     const nestedProperties = { ...properties };
     const setNestedValue = (root, path, value) => {
       let cursor = root;
-      for (let i5 = 0; i5 < path.length; i5 += 1) {
-        const segment = path[i5];
-        const isLast = i5 === path.length - 1;
+      for (let i = 0; i < path.length; i += 1) {
+        const segment = path[i];
+        const isLast = i === path.length - 1;
         if (isLast) {
           cursor[segment] = value;
           return;
@@ -7823,7 +7858,7 @@ var QtiPortableCustomInteraction = class extends Interaction {
     if (Array.isArray(this.response)) {
       if (this.response.length === 0)
         return false;
-      return this.response.some((v2) => v2 !== "" && v2 !== null && v2 !== void 0);
+      return this.response.some((v) => v !== "" && v !== null && v !== void 0);
     }
     return this.response !== "";
   }
@@ -7837,11 +7872,11 @@ var QtiPortableCustomInteraction = class extends Interaction {
     this.#setInteractionValidity(isValid, this.#pciCustomValidityMessage);
     return isValid;
   }
-  set value(v2) {
-    if (v2 === null) {
+  set value(v) {
+    if (v === null) {
       this.#value = [];
     } else {
-      this.#value = Array.isArray(v2) ? v2 : v2.split(",");
+      this.#value = Array.isArray(v) ? v : v.split(",");
     }
   }
   get value() {
@@ -7859,11 +7894,11 @@ var QtiPortableCustomInteraction = class extends Interaction {
   }
   get boundTo() {
     const responseVariable = {};
-    const variable = this.context?.variables?.find((v2) => v2.identifier === this.responseIdentifier);
+    const variable = this.context?.variables?.find((v) => v.identifier === this.responseIdentifier);
     if (variable) {
-      const cardinality = this.context?.variables?.find((v2) => v2.identifier === this.responseIdentifier)?.cardinality || "single";
-      const baseType = this.context?.variables?.find((v2) => v2.identifier === this.responseIdentifier)?.baseType || "string";
-      const value = this.context?.variables?.find((v2) => v2.identifier === this.responseIdentifier)?.value || null;
+      const cardinality = this.context?.variables?.find((v) => v.identifier === this.responseIdentifier)?.cardinality || "single";
+      const baseType = this.context?.variables?.find((v) => v.identifier === this.responseIdentifier)?.baseType || "string";
+      const value = this.context?.variables?.find((v) => v.identifier === this.responseIdentifier)?.value || null;
       const responseVal = this.responseVariablesToQtiVariableJSON(value, cardinality, baseType);
       responseVariable[this.responseIdentifier] = responseVal;
     }
@@ -8987,9 +9022,9 @@ var QtiPortableCustomInteraction = class extends Interaction {
   // Add this property to store the previous state
   #previousState;
   render() {
-    return T`
+    return html18`
       <slot></slot>
-      ${this._errorMessage ? T`<div style="color:red">
+      ${this._errorMessage ? html18`<div style="color:red">
             <h1>Error</h1>
             ${this._errorMessage}
           </div>` : ""}
@@ -8997,77 +9032,55 @@ var QtiPortableCustomInteraction = class extends Interaction {
   }
 };
 __decorate17([
-  n2({ type: String, attribute: "module" })
+  property16({ type: String, attribute: "module" })
 ], QtiPortableCustomInteraction.prototype, "module", void 0);
 __decorate17([
-  n2({ type: String, attribute: "custom-interaction-type-identifier" })
+  property16({ type: String, attribute: "custom-interaction-type-identifier" })
 ], QtiPortableCustomInteraction.prototype, "customInteractionTypeIdentifier", void 0);
 __decorate17([
-  n2({ type: String, attribute: "data-require-paths" })
+  property16({ type: String, attribute: "data-require-paths" })
 ], QtiPortableCustomInteraction.prototype, "requirePathsJson", void 0);
 __decorate17([
-  n2({ type: String, attribute: "data-require-shim" })
+  property16({ type: String, attribute: "data-require-shim" })
 ], QtiPortableCustomInteraction.prototype, "requireShimJson", void 0);
 __decorate17([
-  n2({ type: String, attribute: "data-require-js-url" })
+  property16({ type: String, attribute: "data-require-js-url" })
 ], QtiPortableCustomInteraction.prototype, "requireJsUrl", void 0);
 __decorate17([
-  n2({ type: String, attribute: "data-base-url" })
+  property16({ type: String, attribute: "data-base-url" })
 ], QtiPortableCustomInteraction.prototype, "baseUrl", void 0);
 __decorate17([
-  n2({ type: Boolean, attribute: "data-use-default-paths" })
+  property16({ type: Boolean, attribute: "data-use-default-paths" })
 ], QtiPortableCustomInteraction.prototype, "useDefaultPaths", void 0);
 __decorate17([
-  n2({ type: String, attribute: "data-status" })
+  property16({ type: String, attribute: "data-status" })
 ], QtiPortableCustomInteraction.prototype, "status", void 0);
 __decorate17([
-  r()
+  state9()
 ], QtiPortableCustomInteraction.prototype, "_errorMessage", void 0);
 __decorate17([
-  c({ context: itemContext, subscribe: true }),
-  r()
+  consume4({ context: itemContext, subscribe: true }),
+  state9()
 ], QtiPortableCustomInteraction.prototype, "context", void 0);
 __decorate17([
-  c({ context: qtiContext, subscribe: true }),
-  r()
+  consume4({ context: qtiContext, subscribe: true }),
+  state9()
 ], QtiPortableCustomInteraction.prototype, "qtiContext", void 0);
 __decorate17([
-  n2({ attribute: "response", reflect: false, converter: responseAttributeConverter({ emptyAs: null }) })
+  property16({ attribute: "response", reflect: false, converter: responseAttributeConverter({ emptyAs: null }) })
 ], QtiPortableCustomInteraction.prototype, "response", void 0);
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/style-map.js
-var n3 = "important";
-var i4 = " !" + n3;
-var o3 = e3(class extends i3 {
-  constructor(t2) {
-    if (super(t2), t2.type !== t.ATTRIBUTE || "style" !== t2.name || t2.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return Object.keys(t2).reduce((e5, r2) => {
-      const s = t2[r2];
-      return null == s ? e5 : e5 + `${r2 = r2.includes("-") ? r2 : r2.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
-    }, "");
-  }
-  update(e5, [r2]) {
-    const { style: s } = e5.element;
-    if (void 0 === this.ft) return this.ft = new Set(Object.keys(r2)), this.render(r2);
-    for (const t2 of this.ft) null == r2[t2] && (this.ft.delete(t2), t2.includes("-") ? s.removeProperty(t2) : s[t2] = null);
-    for (const t2 in r2) {
-      const e6 = r2[t2];
-      if (null != e6) {
-        this.ft.add(t2);
-        const r3 = "string" == typeof e6 && e6.endsWith(i4);
-        t2.includes("-") || r3 ? s.setProperty(t2, r3 ? e6.slice(0, -11) : e6, r3 ? n3 : "") : s[t2] = e6;
-      }
-    }
-    return E;
-  }
-});
+// ../interactions/select-point-interaction/dist/qti-select-point-interaction.js
+import { html as html19, nothing as nothing4 } from "lit";
+import { property as property17, state as state10 } from "lit/decorators.js";
+import { repeat as repeat5 } from "lit/directives/repeat.js";
+import { styleMap } from "lit/directives/style-map.js";
 
 // ../interactions/select-point-interaction/dist/qti-select-point-interaction.styles.js
+import { css as css21 } from "lit";
 var qti_select_point_interaction_styles_default = [
   boxSizing,
-  i`
+  css21`
     :host {
       display: block;
       --qti-select-point-marker-size: 1.5rem;
@@ -9107,10 +9120,10 @@ var qti_select_point_interaction_styles_default = [
 
 // ../interactions/select-point-interaction/dist/qti-select-point-interaction.js
 var __decorate18 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiSelectPointInteraction = class extends Interaction {
   constructor() {
@@ -9208,7 +9221,7 @@ var QtiSelectPointInteraction = class extends Interaction {
   }
   /** Extension hook for optional layers rendered above the response points. */
   renderSupplementalLayer() {
-    return A;
+    return nothing4;
   }
   /** Positions overlay elements that carry `data-coord` and `data-shape`. */
   positionOverlayElements(elements17) {
@@ -9221,22 +9234,22 @@ var QtiSelectPointInteraction = class extends Interaction {
       const shape = element.dataset.shape;
       if (!coords || !shape)
         continue;
-      positionShapes(shape, coords.split(",").map((c3) => +c3), img, element);
+      positionShapes(shape, coords.split(",").map((c) => +c), img, element);
     }
   }
   render() {
     const rawResponse = this.response;
     const responseList = Array.isArray(rawResponse) ? rawResponse : rawResponse ? [rawResponse] : [];
-    return T` <slot name="prompt"></slot>
+    return html19` <slot name="prompt"></slot>
       <point-container>
-        ${c2(responseList.filter((point) => point), (point) => point, (point, index) => {
+        ${repeat5(responseList.filter((point) => point), (point) => point, (point, index) => {
       const [x, y] = point.split(" ").map(Number);
       const leftPercentage = x / (this.#imageWidthOriginal || 1) * 100;
       const topPercentage = y / (this.#imageHeightOriginal || 1) * 100;
-      return T`
+      return html19`
               <button
                 part=${this.pointPart(point, index)}
-                style=${o3({
+                style=${styleMap({
         pointerEvents: this.maxChoices === 1 ? "none" : "auto",
         position: "absolute",
         left: `${leftPercentage}%`,
@@ -9244,9 +9257,9 @@ var QtiSelectPointInteraction = class extends Interaction {
       })}
                 aria-label="Remove point at ${point}"
                 ?disabled=${this.disabled}
-                @click=${(e5) => {
-        e5.stopPropagation();
-        this.response = (this.response || []).filter((_, i5) => i5 !== index);
+                @click=${(e) => {
+        e.stopPropagation();
+        this.response = (this.response || []).filter((_, i) => i !== index);
         this.saveResponse(this.response);
       }}
               ></button>
@@ -9301,19 +9314,19 @@ var QtiSelectPointInteraction = class extends Interaction {
   }
 };
 __decorate18([
-  n2({
+  property17({
     type: Number,
     attribute: "max-choices"
   })
 ], QtiSelectPointInteraction.prototype, "maxChoices", void 0);
 __decorate18([
-  n2({
+  property17({
     type: Number,
     attribute: "min-choices"
   })
 ], QtiSelectPointInteraction.prototype, "minChoices", void 0);
 __decorate18([
-  n2({
+  property17({
     attribute: "response",
     reflect: false,
     converter: {
@@ -9330,19 +9343,24 @@ __decorate18([
   })
 ], QtiSelectPointInteraction.prototype, "response", void 0);
 __decorate18([
-  n2({ attribute: "area-mappings" })
+  property17({ attribute: "area-mappings" })
 ], QtiSelectPointInteraction.prototype, "areaMappings", void 0);
 __decorate18([
-  r()
+  state10()
 ], QtiSelectPointInteraction.prototype, "_areaEntries", void 0);
 __decorate18([
   watch("areaMappings")
 ], QtiSelectPointInteraction.prototype, "_handleAreaMappingsChange", void 0);
 
+// ../interactions/slider-interaction/dist/qti-slider-interaction.js
+import { html as html20, nothing as nothing5 } from "lit";
+import { property as property18, query as query2 } from "lit/decorators.js";
+
 // ../interactions/slider-interaction/dist/qti-slider-interaction.styles.js
+import { css as css22 } from "lit";
 var qti_slider_interaction_styles_default = [
   boxSizing,
-  i`
+  css22`
     :host {
       display: block;
       --show-bounds: true;
@@ -9415,10 +9433,10 @@ var qti_slider_interaction_styles_default = [
 
 // ../interactions/slider-interaction/dist/qti-slider-interaction.js
 var __decorate19 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiSliderInteraction = class extends Interaction {
   constructor() {
@@ -9456,7 +9474,7 @@ var QtiSliderInteraction = class extends Interaction {
   }
   /** Extension hook for optional content rendered on the slider rail. */
   renderRailSupplement() {
-    return A;
+    return nothing5;
   }
   #updateValue(newValue) {
     const oldValue = this.#value;
@@ -9471,7 +9489,7 @@ var QtiSliderInteraction = class extends Interaction {
     this.requestUpdate();
   }
   render() {
-    return T`
+    return html20`
       <slot name="prompt"></slot>
       <div id="slider" part="slider">
         <div id="bounds" part="bounds">
@@ -9493,7 +9511,7 @@ var QtiSliderInteraction = class extends Interaction {
   }
   #onMouseDown(event) {
     this.#startDrag(event.pageX);
-    const handleMouseMove = (e5) => this.#onDrag(e5.pageX);
+    const handleMouseMove = (e) => this.#onDrag(e.pageX);
     const handleMouseUp = () => {
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
@@ -9504,7 +9522,7 @@ var QtiSliderInteraction = class extends Interaction {
   }
   #onTouchStart(event) {
     this.#startDrag(event.touches[0].pageX);
-    const handleTouchMove = (e5) => this.#onDrag(e5.touches[0].pageX);
+    const handleTouchMove = (e) => this.#onDrag(e.touches[0].pageX);
     const handleTouchEnd = () => {
       document.removeEventListener("touchmove", handleTouchMove);
       document.removeEventListener("touchend", handleTouchEnd);
@@ -9528,56 +9546,32 @@ var QtiSliderInteraction = class extends Interaction {
   }
 };
 __decorate19([
-  e2("#rail")
+  query2("#rail")
 ], QtiSliderInteraction.prototype, "_rail", void 0);
 __decorate19([
-  n2({ type: Number, attribute: "lower-bound" })
+  property18({ type: Number, attribute: "lower-bound" })
 ], QtiSliderInteraction.prototype, "min", void 0);
 __decorate19([
-  n2({ type: Number, attribute: "upper-bound" })
+  property18({ type: Number, attribute: "upper-bound" })
 ], QtiSliderInteraction.prototype, "max", void 0);
 __decorate19([
-  n2({ type: Number, attribute: "step" })
+  property18({ type: Number, attribute: "step" })
 ], QtiSliderInteraction.prototype, "step", void 0);
 __decorate19([
-  n2({ attribute: "response", reflect: false, noAccessor: true })
+  property18({ attribute: "response", reflect: false, noAccessor: true })
 ], QtiSliderInteraction.prototype, "response", null);
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directives/ref.js
-var e4 = () => new h2();
-var h2 = class {
-};
-var o4 = /* @__PURE__ */ new WeakMap();
-var n4 = e3(class extends f {
-  render(i5) {
-    return A;
-  }
-  update(i5, [s]) {
-    const e5 = s !== this.G;
-    return e5 && void 0 !== this.G && this.rt(void 0), (e5 || this.lt !== this.ct) && (this.G = s, this.ht = i5.options?.host, this.rt(this.ct = i5.element)), A;
-  }
-  rt(t2) {
-    if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
-      const i5 = this.ht ?? globalThis;
-      let s = o4.get(i5);
-      void 0 === s && (s = /* @__PURE__ */ new WeakMap(), o4.set(i5, s)), void 0 !== s.get(this.G) && this.G.call(this.ht, void 0), s.set(this.G, t2), void 0 !== t2 && this.G.call(this.ht, t2);
-    } else this.G.value = t2;
-  }
-  get lt() {
-    return "function" == typeof this.G ? o4.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
+// ../interactions/text-entry-interaction/dist/qti-text-entry-interaction.js
+import { html as html21 } from "lit";
+import { property as property19, query as query3 } from "lit/decorators.js";
+import { ifDefined as ifDefined3 } from "lit/directives/if-defined.js";
+import { createRef } from "lit/directives/ref.js";
 
 // ../interactions/text-entry-interaction/dist/qti-text-entry-interaction.styles.js
+import { css as css23 } from "lit";
 var qti_text_entry_interaction_styles_default = [
   boxSizing,
-  i`
+  css23`
     :host {
       display: inline-flex;
       align-items: center;
@@ -9671,15 +9665,15 @@ var qti_text_entry_interaction_styles_default = [
 
 // ../interactions/text-entry-interaction/dist/qti-text-entry-interaction.js
 var __decorate20 = 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 i5 = decorators.length - 1; i5 >= 0; i5--) if (d = decorators[i5]) 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 QtiTextEntryInteraction = class extends Interaction {
   constructor() {
     super(...arguments);
-    this.inputRef = e4();
+    this.inputRef = createRef();
     this.response = null;
     this._handleValueChange = () => {
       this._internals.setFormValue(this.value);
@@ -9729,11 +9723,11 @@ var QtiTextEntryInteraction = class extends Interaction {
    */
   /** The answer-key line, revealed above the field when the correct response is shown. */
   renderAnswer() {
-    return T`<div part="answer" aria-hidden="true"></div>`;
+    return html21`<div part="answer" aria-hidden="true"></div>`;
   }
   /** The field itself. */
   renderInput() {
-    return T`<input
+    return html21`<input
       part="input"
       name="${this.responseIdentifier}"
       spellcheck="false"
@@ -9745,9 +9739,9 @@ var QtiTextEntryInteraction = class extends Interaction {
       @keyup="${this.textChanged}"
       @change="${this.textChanged}"
       type="${this.patternMask == "[0-9]*" ? "number" : "text"}"
-      placeholder="${o2(this.placeholderText ? this.placeholderText : void 0)}"
+      placeholder="${ifDefined3(this.placeholderText ? this.placeholderText : void 0)}"
       .value="${this.response}"
-      pattern="${o2(this.patternMask ? this.patternMask : void 0)}"
+      pattern="${ifDefined3(this.patternMask ? this.patternMask : void 0)}"
       maxlength=${1e3}
       ?disabled="${this.disabled}"
       ?readonly="${this.readonly}"
@@ -9755,10 +9749,10 @@ var QtiTextEntryInteraction = class extends Interaction {
   }
   /** Hidden until `Interaction.reportValidity` shows it. */
   renderValidationMessage() {
-    return T`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
+    return html21`<div id="validation-message" part="message" role="alert" style="display:none;"></div>`;
   }
   render() {
-    return T` ${this.renderAnswer()} ${this.renderInput()} ${this.renderValidationMessage()} `;
+    return html21` ${this.renderAnswer()} ${this.renderInput()} ${this.renderValidationMessage()} `;
   }
   textChanged(event) {
     if (this.disabled || this.readonly)
@@ -9778,22 +9772,22 @@ var QtiTextEntryInteraction = class extends Interaction {
   }
 };
 __decorate20([
-  n2({ type: Number, attribute: "expected-length" })
+  property19({ type: Number, attribute: "expected-length" })
 ], QtiTextEntryInteraction.prototype, "expectedLength", void 0);
 __decorate20([
-  n2({ type: String, attribute: "pattern-mask" })
+  property19({ type: String, attribute: "pattern-mask" })
 ], QtiTextEntryInteraction.prototype, "patternMask", void 0);
 __decorate20([
-  n2({ type: String, attribute: "placeholder-text" })
+  property19({ type: String, attribute: "placeholder-text" })
 ], QtiTextEntryInteraction.prototype, "placeholderText", void 0);
 __decorate20([
-  n2({ type: String, attribute: "data-patternmask-message" })
+  property19({ type: String, attribute: "data-patternmask-message" })
 ], QtiTextEntryInteraction.prototype, "dataPatternmaskMessage", void 0);
 __decorate20([
-  n2({ type: String, attribute: "response", reflect: false })
+  property19({ type: String, attribute: "response", reflect: false })
 ], QtiTextEntryInteraction.prototype, "response", void 0);
 __decorate20([
-  e2("input")
+  query3("input")
 ], QtiTextEntryInteraction.prototype, "_input", void 0);
 __decorate20([
   watch("response", { waitUntilFirstUpdate: true })
@@ -9880,7 +9874,7 @@ var QtiPortableCustomInteractionTest = class extends QtiPortableCustomInteractio
   setTestContext(newContext) {
     this.context = newContext;
     this.updateComplete.then(() => {
-      this.value = newContext?.variables?.find((v2) => v2.identifier === this.responseIdentifier).value;
+      this.value = newContext?.variables?.find((v) => v.identifier === this.responseIdentifier).value;
     });
   }
   /**
@@ -10299,7 +10293,6 @@ export {
   QtiGapText,
   QtiHotspotChoice,
   QtiHottext,
-  c2 as c,
   dragDropContext,
   QtiSimpleAssociableChoice,
   QtiSimpleChoice,
@@ -10329,7 +10322,6 @@ export {
   elements12,
   QtiPortableCustomInteraction,
   elements13,
-  o3 as o,
   QtiSelectPointInteraction,
   elements14,
   QtiSliderInteraction,
@@ -10337,27 +10329,4 @@ export {
   QtiTextEntryInteraction,
   elements16
 };
-/*! Bundled license information:
-
-lit-html/node/directives/repeat.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-lit-html/node/directives/style-map.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-lit-html/node/directives/ref.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/
-//# sourceMappingURL=chunk-5SJS36BI.js.map
+//# sourceMappingURL=chunk-TWPXES3S.js.map