@citolab/qti-components 7.27.2 → 7.27.4

package/dist/{chunk-TZMDZQFG.js → chunk-3HJE3KRM.js}

@@ -1,19 +1,19 @@
 import {
   QtiModalFeedback
-} from "./chunk-QUWFDFGZ.js";
+} from "./chunk-FFESMKSD.js";
 import {
   item_default,
   m
-} from "./chunk-G5ZUC3OT.js";
+} from "./chunk-LQZCSHN5.js";
 import {
   qtiTransformItem,
   qtiTransformTest
-} from "./chunk-K7HR6ZAY.js";
+} from "./chunk-UKPCQKPF.js";
 import {
-  E,
+  A,
   INITIAL_SESSION_CONTEXT,
   INITIAL_TEST_CONTEXT,
-  W,
+  T,
   c,
   computedContext,
   configContext,
@@ -26,10 +26,8 @@ import {
   sessionContext,
   t,
   testContext,
-  w,
-  watch,
-  x
-} from "./chunk-TORB5UN2.js";
+  watch
+} from "./chunk-Z2SUBRH5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -94,15 +92,15 @@ var TestNavigationMixin = (superClass) => {
       this.addEventListener("qti-assessment-item-connected", this._handleItemConnected.bind(this));
       this.addEventListener("qti-assessment-stimulus-ref-connected", this._handleStimulusRefConnected.bind(this));
     }
-    _handleTestConnected(e2) {
-      this._testElement = e2.detail;
+    _handleTestConnected(e3) {
+      this._testElement = e3.detail;
       this._initializeNavigation();
     }
     /**
      * Handle item connection events - track connected items and discover stimulus references
      */
-    _handleItemConnected(e2) {
-      const itemRef = e2.detail;
+    _handleItemConnected(e3) {
+      const itemRef = e3.detail;
       this._loadingState.connectedItems++;
       const stimulusRefs = itemRef.querySelectorAll("qti-assessment-stimulus-ref");
       this._loadingState.expectedStimulus += stimulusRefs.length;
@@ -111,9 +109,9 @@ var TestNavigationMixin = (superClass) => {
     /**
      * Handle stimulus reference connection events with duplicate prevention
      */
-    async _handleStimulusRefConnected(e2) {
-      e2.preventDefault();
-      const { element, item } = e2;
+    async _handleStimulusRefConnected(e3) {
+      e3.preventDefault();
+      const { element, item } = e3;
       console.info("Stimulus ref connected:", {
         identifier: element.identifier,
         href: element.href,
@@ -294,9 +292,7 @@ var TestNavigationMixin = (superClass) => {
         return;
       }
       let targets = [];
-      const specificTarget = document.querySelector(
-        `qti-assessment-item[identifier="${item.identifier}"] [data-stimulus-idref="${element.identifier}"]`
-      );
+      const specificTarget = item.querySelector(`[data-stimulus-idref="${element.identifier}"]`);
       if (specificTarget) {
         targets.push(specificTarget);
         console.info("Found specific target:", specificTarget);
@@ -357,7 +353,7 @@ var TestNavigationMixin = (superClass) => {
       validResults.forEach(({ itemRef }) => {
         const itemId = itemRef?.identifier;
         if (!itemRef || !itemId) return;
-        const savedState = this.testContext.items.find((i4) => i4.identifier === itemId)?.state;
+        const savedState = this.testContext.items.find((i5) => i5.identifier === itemId)?.state;
         if (savedState === void 0) return;
         itemRef.updateComplete.then(() => {
           const assessmentItem = itemRef.assessmentItem;
@@ -511,16 +507,16 @@ var TestViewMixin = (superClass) => {
     constructor(...args) {
       super(...args);
       this.sessionContext = { ...this.sessionContext, view: "candidate" };
-      this.addEventListener("on-test-switch-view", (e2) => {
-        this.sessionContext = { ...this.sessionContext, view: e2.detail };
+      this.addEventListener("on-test-switch-view", (e3) => {
+        this.sessionContext = { ...this.sessionContext, view: e3.detail };
         this._updateElementView();
       });
       this.addEventListener("qti-assessment-test-connected", () => {
         this._updateElementView();
       });
-      this.addEventListener("qti-assessment-item-connected", (e2) => {
+      this.addEventListener("qti-assessment-item-connected", (e3) => {
         this._updateElementView();
-        this._setCorrectResponseVisibility(e2.detail);
+        this._setCorrectResponseVisibility(e3.detail);
       });
     }
     willUpdate(changedProperties) {
@@ -573,7 +569,7 @@ var TestBaseMixin = (superClass) => {
         const context = assessmentItem._context;
         const identifier = context.identifier;
         const fullVariables = context.variables;
-        const itemContext = this.testContext.items.find((i4) => i4?.identifier === identifier);
+        const itemContext = this.testContext.items.find((i5) => i5?.identifier === identifier);
         if (!itemContext) {
           console.warn(`Item IDs between assessment.xml and item.xml should match: ${identifier} is not found!`);
           return;
@@ -583,7 +579,7 @@ var TestBaseMixin = (superClass) => {
         } else {
           const newVariables = [...assessmentItem.variables];
           for (const variable of itemContext.variables) {
-            const currentVariable = newVariables.find((v) => v.identifier === variable.identifier);
+            const currentVariable = newVariables.find((v2) => v2.identifier === variable.identifier);
             if (currentVariable) {
               currentVariable.value = variable.value;
             } else {
@@ -599,7 +595,7 @@ var TestBaseMixin = (superClass) => {
       const itemContext = this.testContext.items.find((item) => item.identifier === itemRefID);
       if (itemContext) {
         itemContext.variables = itemContext.variables.map((variable) => {
-          const updatedVariable = variables.find((v) => v.identifier === variable.identifier);
+          const updatedVariable = variables.find((v2) => v2.identifier === variable.identifier);
           return updatedVariable ? { ...variable, ...updatedVariable } : variable;
         });
       }
@@ -611,11 +607,11 @@ var TestBaseMixin = (superClass) => {
       }
     }
     _initializeEventListeners() {
-      this.addEventListener("qti-assessment-test-connected", (e2) => {
+      this.addEventListener("qti-assessment-test-connected", (e3) => {
         this.testContext = INITIAL_TEST_CONTEXT;
         this.sessionContext = INITIAL_SESSION_CONTEXT;
         if (this.testContext && this.testContext.items.length > 0) return;
-        this._testElement = e2.detail;
+        this._testElement = e3.detail;
         const items = Array.from(this._testElement.querySelectorAll("qti-assessment-item-ref")).map((itemRef) => {
           return {
             href: itemRef.href,
@@ -632,19 +628,19 @@ var TestBaseMixin = (superClass) => {
         });
         this.testContext = { ...this.testContext, items };
       });
-      this.addEventListener("qti-assessment-item-connected", (e2) => {
-        const assessmentItem = e2.detail;
+      this.addEventListener("qti-assessment-item-connected", (e3) => {
+        const assessmentItem = e3.detail;
         const assessmentRefId = assessmentItem.closest("qti-assessment-item-ref")?.identifier;
         if (assessmentRefId) {
           assessmentItem.assessmentItemRefId = assessmentRefId;
         }
-        this._updateItemInTestContext(e2.detail);
+        this._updateItemInTestContext(e3.detail);
       });
-      this.addEventListener("qti-item-context-updated", (e2) => {
+      this.addEventListener("qti-item-context-updated", (e3) => {
         this._updateItemVariablesInTestContext(
-          e2.detail.itemContext.identifier,
-          e2.detail.itemContext.variables,
-          e2.detail.itemContext.state
+          e3.detail.itemContext.identifier,
+          e3.detail.itemContext.variables,
+          e3.detail.itemContext.state
         );
       });
     }
@@ -660,7 +656,7 @@ var TestBaseMixin = (superClass) => {
             ...itemContext,
             // Keep other properties of the item context
             variables: variables.map((variable) => {
-              const matchingVariable = itemContext.variables.find((v) => v.identifier === variable.identifier);
+              const matchingVariable = itemContext.variables.find((v2) => v2.identifier === variable.identifier);
               return matchingVariable ? { ...matchingVariable, ...variable } : variable;
             }),
             ...state !== void 0 ? { state: state ? { ...state } : void 0 } : {}
@@ -690,19 +686,19 @@ var TestProcessingMixin = (superClass) => {
   class TestProcessingElement extends superClass {
     constructor(...args) {
       super(...args);
-      this.addEventListener("qti-register-variable", (e2) => {
+      this.addEventListener("qti-register-variable", (e3) => {
         this.testContext = {
           ...this.testContext,
-          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e2.detail.variable]
+          testOutcomeVariables: [...this.testContext.testOutcomeVariables || [], e3.detail.variable]
         };
-        e2.stopPropagation();
+        e3.stopPropagation();
       });
       this.addEventListener(
         "qti-set-outcome-value",
-        (e2) => {
-          const { outcomeIdentifier, value } = e2.detail;
+        (e3) => {
+          const { outcomeIdentifier, value } = e3.detail;
           this.updateOutcomeVariable(outcomeIdentifier, value);
-          e2.stopPropagation();
+          e3.stopPropagation();
         }
       );
     }
@@ -721,13 +717,13 @@ var TestProcessingMixin = (superClass) => {
       }
       this.testContext = {
         ...this.testContext,
-        testOutcomeVariables: this.testContext.testOutcomeVariables?.map((v) => {
-          if (v.identifier !== identifier) {
-            return v;
+        testOutcomeVariables: this.testContext.testOutcomeVariables?.map((v2) => {
+          if (v2.identifier !== identifier) {
+            return v2;
           }
           return {
-            ...v,
-            value: outcomeVariable.cardinality === "single" ? value : [...v.value, value]
+            ...v2,
+            value: outcomeVariable.cardinality === "single" ? value : [...v2.value, value]
           };
         })
       };
@@ -736,7 +732,7 @@ var TestProcessingMixin = (superClass) => {
       return this.getVariable(identifier);
     }
     getVariable(identifier) {
-      return this.testContext.testOutcomeVariables?.find((v) => v.identifier === identifier) || null;
+      return this.testContext.testOutcomeVariables?.find((v2) => v2.identifier === identifier) || null;
     }
     /* --------------------------- ENABLED WHEN UNIT TESTING OUTCOME PROCESSING ------------------------------------ */
   }
@@ -757,7 +753,7 @@ var QtiTest = class extends TestNavigationMixin(TestViewMixin(TestProcessingMixi
     this.dispatchEvent(new CustomEvent("qti-test-connected", { detail: this }));
   }
   render() {
-    return x`<slot></slot>`;
+    return T`<slot></slot>`;
   }
 };
 QtiTest = __decorateClass([
@@ -855,7 +851,7 @@ var QtiAssessmentSection = class extends i2 {
     );
   }
   render() {
-    return x`<slot name="qti-rubric-block"></slot><slot></slot>`;
+    return T`<slot name="qti-rubric-block"></slot><slot></slot>`;
   }
 };
 __decorateClass([
@@ -907,7 +903,7 @@ var QtiAssessmentTest = class extends i2 {
     );
   }
   render() {
-    return x` <slot></slot>`;
+    return T` <slot></slot>`;
   }
 };
 _title = new WeakMap();
@@ -954,7 +950,7 @@ var QtiTestPart = class extends i2 {
     );
   }
   render() {
-    return x` <slot></slot>`;
+    return T` <slot></slot>`;
   }
 };
 _title2 = new WeakMap();
@@ -980,7 +976,7 @@ if (!customElements.get("qti-test-part")) {
 // ../qti-test/src/components/qti-test-feedback/qti-test-feedback.ts
 var QtiTestFeedback = class extends QtiModalFeedback {
   render() {
-    return x``;
+    return T``;
   }
 };
 QtiTestFeedback.styles = i`
@@ -1038,7 +1034,7 @@ var TestNavigation = class extends i2 {
     this.addEventListener("test-update-outcome-variable", __privateMethod(this, _TestNavigation_instances, handleTestUpdateOutcomeVariable_fn).bind(this));
   }
   render() {
-    return x`<slot></slot>`;
+    return T`<slot></slot>`;
   }
   /* PK: on every change of the candidate we will recomputed the computedContext */
   willUpdate(_changedProperties) {
@@ -1056,20 +1052,20 @@ var TestNavigation = class extends i2 {
               ...section,
               active: this._sessionContext?.navSectionId === section.identifier || false,
               completed: section.items.every(
-                (item) => this._testContext.items.find((i4) => i4.identifier === item.identifier)?.variables.find((v) => v.identifier === "completionStatus").value === "completed"
+                (item) => this._testContext.items.find((i5) => i5.identifier === item.identifier)?.variables.find((v2) => v2.identifier === "completionStatus").value === "completed"
               ),
               items: section.items.map((item) => {
-                const itemContext = this._testContext?.items.find((i4) => i4.identifier === item.identifier);
+                const itemContext = this._testContext?.items.find((i5) => i5.identifier === item.identifier);
                 const computedItem = {
                   ...item,
                   ...itemContext,
-                  ...this.initContext?.find((i4) => i4.identifier === item.identifier)
+                  ...this.initContext?.find((i5) => i5.identifier === item.identifier)
                 };
                 const rawscore = computedItem.variables?.find((vr) => vr.identifier == "SCORE")?.value;
                 const score = rawscore === void 0 || rawscore === null ? null : parseFloat(rawscore?.toString());
-                const completionStatus = computedItem.variables?.find((v) => v.identifier === "completionStatus")?.value;
-                const response = computedItem.variables?.find((v) => v.identifier === "RESPONSE")?.value || "";
-                const numAttempts = computedItem.variables?.find((v) => v.identifier === "numAttempts")?.value || 0;
+                const completionStatus = computedItem.variables?.find((v2) => v2.identifier === "completionStatus")?.value;
+                const response = computedItem.variables?.find((v2) => v2.identifier === "RESPONSE")?.value || "";
+                const numAttempts = computedItem.variables?.find((v2) => v2.identifier === "numAttempts")?.value || 0;
                 const active = this._sessionContext?.navItemRefId === computedItem.identifier || false;
                 const index = item.categories.includes(this.configContext?.infoItemCategory) ? null : itemIndex++;
                 const rawMaxScore = item.variables?.find((vr) => vr.identifier == "MAXSCORE")?.value;
@@ -1170,7 +1166,7 @@ handleInteractionChanged_fn = function(_event) {
     const assessmentItem = _event.composedPath()[0].closest(
       "qti-assessment-item"
     );
-    const scoreOutcomeIdentifier = assessmentItem.variables.find((v) => v.identifier === "SCORE");
+    const scoreOutcomeIdentifier = assessmentItem.variables.find((v2) => v2.identifier === "SCORE");
     if (scoreOutcomeIdentifier && scoreOutcomeIdentifier.externalScored === null && assessmentItem.adaptive === "false") {
       const reportValidityAfterScoring = this.configContext?.reportValidityAfterScoring === true ? true : false;
       assessmentItem.processResponse(true, reportValidityAfterScoring);
@@ -1227,7 +1223,7 @@ handleTestConnected_fn = function(event) {
             identifier: section.identifier,
             title: section.title,
             items: itemElements.map((item) => ({
-              ...this.initContext?.find((i4) => i4.identifier === item.identifier),
+              ...this.initContext?.find((i5) => i5.identifier === item.identifier),
               active: false,
               identifier: item.identifier,
               categories: item.category ? item.category?.split(" ") : [],
@@ -1298,11 +1294,11 @@ handleItemConnected_fn = function(event) {
               const externalScored = scoreOutcome?.getAttribute("externalScored");
               const responseDeclarations = itemElement.querySelectorAll("qti-response-declaration");
               const containsCorrectResponse = Array.from(responseDeclarations).some(
-                (r3) => r3.querySelector("qti-correct-response")
+                (r4) => r4.querySelector("qti-correct-response")
               );
-              const containsMapping = Array.from(responseDeclarations).some((r3) => {
-                const mapping = r3.querySelector("qti-mapping");
-                const areaMapping = r3.querySelector("qti-area-mapping");
+              const containsMapping = Array.from(responseDeclarations).some((r4) => {
+                const mapping = r4.querySelector("qti-mapping");
+                const areaMapping = r4.querySelector("qti-area-mapping");
                 return mapping?.querySelector("qti-map-entry") || areaMapping?.querySelector("qti-area-map-entry");
               });
               const hasCorrectResponse = containsCorrectResponse || containsMapping;
@@ -1391,8 +1387,8 @@ var TestNext = class extends i2 {
     __privateSet(this, _internals, this.attachInternals());
     __privateGet(this, _internals).role = "button";
     __privateGet(this, _internals).ariaLabel = "Next item";
-    this.addEventListener("click", (e2) => {
-      e2.preventDefault();
+    this.addEventListener("click", (e3) => {
+      e3.preventDefault();
       if (!this._internalDisabled) this._requestItem(this.sectionItems[this.itemIndex + 1].identifier);
     });
   }
@@ -1429,7 +1425,7 @@ var TestNext = class extends i2 {
     );
   }
   render() {
-    return x`<slot></slot>`;
+    return T`<slot></slot>`;
   }
 };
 _internals = new WeakMap();
@@ -1459,8 +1455,8 @@ var TestPrev = class extends i2 {
   constructor() {
     super();
     this._internalDisabled = true;
-    this.addEventListener("click", (e2) => {
-      e2.preventDefault();
+    this.addEventListener("click", (e3) => {
+      e3.preventDefault();
       if (!this._internalDisabled) this._requestItem(this.sectionItems[this.itemIndex - 1].identifier);
     });
   }
@@ -1493,7 +1489,7 @@ var TestPrev = class extends i2 {
     );
   }
   render() {
-    return x`<slot></slot>`;
+    return T`<slot></slot>`;
   }
 };
 TestPrev.styles = i`
@@ -1543,18 +1539,18 @@ var TestView = class extends i2 {
     );
   }
   render() {
-    return x`
+    return T`
       <label part="label" for="viewSelect">${this.label}</label>
       <select
         part="select"
         id="viewSelect"
-        @change=${(e2) => {
-      const el = e2.target;
+        @change=${(e3) => {
+      const el = e3.target;
       this._switchView(el.value);
     }}
       >
         ${this._viewOptions.map(
-      (v) => x`<option value="${v}" ?selected=${v === this.sessionContext.view}>${v}</option>`
+      (v2) => T`<option value="${v2}" ?selected=${v2 === this.sessionContext.view}>${v2}</option>`
     )}
       </select>
     `;
@@ -1609,7 +1605,7 @@ var TestItemLink = class extends i2 {
     );
   }
   render() {
-    return x` <slot></slot> `;
+    return T` <slot></slot> `;
   }
 };
 TestItemLink.styles = i`
@@ -1634,7 +1630,7 @@ var TestEndAttempt = class extends i2 {
     this.addEventListener("click", () => this.dispatchEvent(new CustomEvent("test-end-attempt", { bubbles: true })));
   }
   render() {
-    return x` <slot></slot> `;
+    return T` <slot></slot> `;
   }
 };
 TestEndAttempt.styles = i`
@@ -1670,9 +1666,9 @@ var TestShowCorrectResponse = class extends i2 {
       __privateSet(this, _previousActiveItem, activeItem);
     }
     if (activeItem) {
-      const containsCorrectResponse = !!activeItem?.variables?.some((v) => v["correctResponse"]);
-      const containsMapping = !!activeItem?.variables?.some((v) => {
-        return v["mapping"]?.mapEntries?.length > 0 || v["areaMapping"]?.areaMapEntries?.length > 0;
+      const containsCorrectResponse = !!activeItem?.variables?.some((v2) => v2["correctResponse"]);
+      const containsMapping = !!activeItem?.variables?.some((v2) => {
+        return v2["mapping"]?.mapEntries?.length > 0 || v2["areaMapping"]?.areaMapEntries?.length > 0;
       });
       this.disabled = !containsCorrectResponse && !containsMapping;
     } else {
@@ -1680,7 +1676,7 @@ var TestShowCorrectResponse = class extends i2 {
     }
   }
   render() {
-    return x` <div @click="${__privateMethod(this, _TestShowCorrectResponse_instances, toggleState_fn)}">${__privateMethod(this, _TestShowCorrectResponse_instances, getDisplayedText_fn).call(this)}</div> `;
+    return T` <div @click="${__privateMethod(this, _TestShowCorrectResponse_instances, toggleState_fn)}">${__privateMethod(this, _TestShowCorrectResponse_instances, getDisplayedText_fn).call(this)}</div> `;
   }
 };
 _previousActiveItem = new WeakMap();
@@ -1728,6 +1724,251 @@ TestShowCorrectResponse = __decorateClass([
   t("test-show-correct-response")
 ], TestShowCorrectResponse);
 
+// ../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/node/lit-html.js
+var t2 = globalThis;
+var i3 = t2.trustedTypes;
+var s = i3 ? i3.createPolicy("lit-html", { createHTML: (t3) => t3 }) : void 0;
+var e2 = "$lit$";
+var h = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var o = "?" + h;
+var n2 = `<${o}>`;
+var r2 = void 0 === t2.document ? { createTreeWalker: () => ({}) } : document;
+var l = () => r2.createComment("");
+var c2 = (t3) => null === t3 || "object" != typeof t3 && "function" != typeof t3;
+var a = Array.isArray;
+var u = (t3) => a(t3) || "function" == typeof t3?.[Symbol.iterator];
+var d = "[ 	\n\f\r]";
+var f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var v = /-->/g;
+var _ = />/g;
+var m2 = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var p = /'/g;
+var g = /"/g;
+var $ = /^(?:script|style|textarea|title)$/i;
+var y = (t3) => (i5, ...s2) => ({ _$litType$: t3, strings: i5, values: s2 });
+var x = y(1);
+var T2 = y(2);
+var b = y(3);
+var w = /* @__PURE__ */ Symbol.for("lit-noChange");
+var E = /* @__PURE__ */ Symbol.for("lit-nothing");
+var A2 = /* @__PURE__ */ new WeakMap();
+var C = r2.createTreeWalker(r2, 129);
+function P(t3, i5) {
+  if (!a(t3) || !t3.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s ? s.createHTML(i5) : i5;
+}
+var V = (t3, i5) => {
+  const s2 = t3.length - 1, o2 = [];
+  let r4, l2 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c3 = f;
+  for (let i6 = 0; i6 < s2; i6++) {
+    const s3 = t3[i6];
+    let a2, u2, d2 = -1, y2 = 0;
+    for (; y2 < s3.length && (c3.lastIndex = y2, u2 = c3.exec(s3), null !== u2); ) y2 = c3.lastIndex, c3 === f ? "!--" === u2[1] ? c3 = v : void 0 !== u2[1] ? c3 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r4 = RegExp("</" + u2[2], "g")), c3 = m2) : void 0 !== u2[3] && (c3 = m2) : c3 === m2 ? ">" === u2[0] ? (c3 = r4 ?? f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c3.lastIndex - u2[2].length, a2 = u2[1], c3 = void 0 === u2[3] ? m2 : '"' === u2[3] ? g : p) : c3 === g || c3 === p ? c3 = m2 : c3 === v || c3 === _ ? c3 = f : (c3 = m2, r4 = void 0);
+    const x2 = c3 === m2 && t3[i6 + 1].startsWith("/>") ? " " : "";
+    l2 += c3 === f ? s3 + n2 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e2 + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i6 : x2);
+  }
+  return [P(t3, l2 + (t3[s2] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), o2];
+};
+var N = class _N {
+  constructor({ strings: t3, _$litType$: s2 }, n3) {
+    let r4;
+    this.parts = [];
+    let c3 = 0, a2 = 0;
+    const u2 = t3.length - 1, d2 = this.parts, [f2, v2] = V(t3, s2);
+    if (this.el = _N.createElement(f2, n3), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
+      const t4 = this.el.content.firstChild;
+      t4.replaceWith(...t4.childNodes);
+    }
+    for (; null !== (r4 = C.nextNode()) && d2.length < u2; ) {
+      if (1 === r4.nodeType) {
+        if (r4.hasAttributes()) for (const t4 of r4.getAttributeNames()) if (t4.endsWith(e2)) {
+          const i5 = v2[a2++], s3 = r4.getAttribute(t4).split(h), e3 = /([.?@])?(.*)/.exec(i5);
+          d2.push({ type: 1, index: c3, name: e3[2], strings: s3, ctor: "." === e3[1] ? H : "?" === e3[1] ? I : "@" === e3[1] ? L : R }), r4.removeAttribute(t4);
+        } else t4.startsWith(h) && (d2.push({ type: 6, index: c3 }), r4.removeAttribute(t4));
+        if ($.test(r4.tagName)) {
+          const t4 = r4.textContent.split(h), s3 = t4.length - 1;
+          if (s3 > 0) {
+            r4.textContent = i3 ? i3.emptyScript : "";
+            for (let i5 = 0; i5 < s3; i5++) r4.append(t4[i5], l()), C.nextNode(), d2.push({ type: 2, index: ++c3 });
+            r4.append(t4[s3], l());
+          }
+        }
+      } else if (8 === r4.nodeType) if (r4.data === o) d2.push({ type: 2, index: c3 });
+      else {
+        let t4 = -1;
+        for (; -1 !== (t4 = r4.data.indexOf(h, t4 + 1)); ) d2.push({ type: 7, index: c3 }), t4 += h.length - 1;
+      }
+      c3++;
+    }
+  }
+  static createElement(t3, i5) {
+    const s2 = r2.createElement("template");
+    return s2.innerHTML = t3, s2;
+  }
+};
+function S(t3, i5, s2 = t3, e3) {
+  if (i5 === w) return i5;
+  let h2 = void 0 !== e3 ? s2._$Co?.[e3] : s2._$Cl;
+  const o2 = c2(i5) ? void 0 : i5._$litDirective$;
+  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t3), h2._$AT(t3, s2, e3)), void 0 !== e3 ? (s2._$Co ??= [])[e3] = h2 : s2._$Cl = h2), void 0 !== h2 && (i5 = S(t3, h2._$AS(t3, i5.values), h2, e3)), i5;
+}
+var M = class {
+  constructor(t3, i5) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t3, this._$AM = i5;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t3) {
+    const { el: { content: i5 }, parts: s2 } = this._$AD, e3 = (t3?.creationScope ?? r2).importNode(i5, true);
+    C.currentNode = e3;
+    let h2 = C.nextNode(), o2 = 0, n3 = 0, l2 = s2[0];
+    for (; void 0 !== l2; ) {
+      if (o2 === l2.index) {
+        let i6;
+        2 === l2.type ? i6 = new k(h2, h2.nextSibling, this, t3) : 1 === l2.type ? i6 = new l2.ctor(h2, l2.name, l2.strings, this, t3) : 6 === l2.type && (i6 = new z(h2, this, t3)), this._$AV.push(i6), l2 = s2[++n3];
+      }
+      o2 !== l2?.index && (h2 = C.nextNode(), o2++);
+    }
+    return C.currentNode = r2, e3;
+  }
+  p(t3) {
+    let i5 = 0;
+    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t3, s2, i5), i5 += s2.strings.length - 2) : s2._$AI(t3[i5])), i5++;
+  }
+};
+var k = class _k {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t3, i5, s2, e3) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t3, this._$AB = i5, this._$AM = s2, this.options = e3, this._$Cv = e3?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t3 = this._$AA.parentNode;
+    const i5 = this._$AM;
+    return void 0 !== i5 && 11 === t3?.nodeType && (t3 = i5.parentNode), t3;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t3, i5 = this) {
+    t3 = S(this, t3, i5), c2(t3) ? t3 === E || null == t3 || "" === t3 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t3 !== this._$AH && t3 !== w && this._(t3) : void 0 !== t3._$litType$ ? this.$(t3) : void 0 !== t3.nodeType ? this.T(t3) : u(t3) ? this.k(t3) : this._(t3);
+  }
+  O(t3) {
+    return this._$AA.parentNode.insertBefore(t3, this._$AB);
+  }
+  T(t3) {
+    this._$AH !== t3 && (this._$AR(), this._$AH = this.O(t3));
+  }
+  _(t3) {
+    this._$AH !== E && c2(this._$AH) ? this._$AA.nextSibling.data = t3 : this.T(r2.createTextNode(t3)), this._$AH = t3;
+  }
+  $(t3) {
+    const { values: i5, _$litType$: s2 } = t3, e3 = "number" == typeof s2 ? this._$AC(t3) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
+    if (this._$AH?._$AD === e3) this._$AH.p(i5);
+    else {
+      const t4 = new M(e3, this), s3 = t4.u(this.options);
+      t4.p(i5), this.T(s3), this._$AH = t4;
+    }
+  }
+  _$AC(t3) {
+    let i5 = A2.get(t3.strings);
+    return void 0 === i5 && A2.set(t3.strings, i5 = new N(t3)), i5;
+  }
+  k(t3) {
+    a(this._$AH) || (this._$AH = [], this._$AR());
+    const i5 = this._$AH;
+    let s2, e3 = 0;
+    for (const h2 of t3) e3 === i5.length ? i5.push(s2 = new _k(this.O(l()), this.O(l()), this, this.options)) : s2 = i5[e3], s2._$AI(h2), e3++;
+    e3 < i5.length && (this._$AR(s2 && s2._$AB.nextSibling, e3), i5.length = e3);
+  }
+  _$AR(t3 = this._$AA.nextSibling, i5) {
+    for (this._$AP?.(false, true, i5); t3 !== this._$AB; ) {
+      const i6 = t3.nextSibling;
+      t3.remove(), t3 = i6;
+    }
+  }
+  setConnected(t3) {
+    void 0 === this._$AM && (this._$Cv = t3, this._$AP?.(t3));
+  }
+};
+var R = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t3, i5, s2, e3, h2) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t3, this.name = i5, this._$AM = e3, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
+  }
+  _$AI(t3, i5 = this, s2, e3) {
+    const h2 = this.strings;
+    let o2 = false;
+    if (void 0 === h2) t3 = S(this, t3, i5, 0), o2 = !c2(t3) || t3 !== this._$AH && t3 !== w, o2 && (this._$AH = t3);
+    else {
+      const e4 = t3;
+      let n3, r4;
+      for (t3 = h2[0], n3 = 0; n3 < h2.length - 1; n3++) r4 = S(this, e4[s2 + n3], i5, n3), r4 === w && (r4 = this._$AH[n3]), o2 ||= !c2(r4) || r4 !== this._$AH[n3], r4 === E ? t3 = E : t3 !== E && (t3 += (r4 ?? "") + h2[n3 + 1]), this._$AH[n3] = r4;
+    }
+    o2 && !e3 && this.j(t3);
+  }
+  j(t3) {
+    t3 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t3 ?? "");
+  }
+};
+var H = class extends R {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t3) {
+    this.element[this.name] = t3 === E ? void 0 : t3;
+  }
+};
+var I = class extends R {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t3) {
+    this.element.toggleAttribute(this.name, !!t3 && t3 !== E);
+  }
+};
+var L = class extends R {
+  constructor(t3, i5, s2, e3, h2) {
+    super(t3, i5, s2, e3, h2), this.type = 5;
+  }
+  _$AI(t3, i5 = this) {
+    if ((t3 = S(this, t3, i5, 0) ?? E) === w) return;
+    const s2 = this._$AH, e3 = t3 === E && s2 !== E || t3.capture !== s2.capture || t3.once !== s2.once || t3.passive !== s2.passive, h2 = t3 !== E && (s2 === E || e3);
+    e3 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t3), this._$AH = t3;
+  }
+  handleEvent(t3) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t3) : this._$AH.handleEvent(t3);
+  }
+};
+var z = class {
+  constructor(t3, i5, s2) {
+    this.element = t3, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s2;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t3) {
+    S(this, t3);
+  }
+};
+var W = { M: e2, P: h, A: o, C: 1, L: V, R: M, D: u, V: S, I: k, H: R, N: I, U: L, B: H, F: z };
+var Z = t2.litHtmlPolyfillSupport;
+Z?.(N, k), (t2.litHtmlVersions ??= []).push("3.3.1");
+
 // ../../node_modules/.pnpm/@heximal+expressions@0.1.5/node_modules/@heximal/expressions/lib/constants.js
 var KEYWORDS = ["this"];
 var UNARY_OPERATORS = ["+", "-", "!"];
@@ -1892,11 +2133,11 @@ var Tokenizer = class {
     }
   }
   #getValue(lookahead = 0) {
-    const v = this.#input.substring(this.#tokenStart, this.#index + lookahead);
+    const v2 = this.#input.substring(this.#tokenStart, this.#index + lookahead);
     if (lookahead === 0) {
       this.#clearValue();
     }
-    return v;
+    return v2;
   }
   #clearValue() {
     this.#tokenStart = this.#index;
@@ -1915,9 +2156,9 @@ var Tokenizer = class {
       }
       this.#advance();
     }
-    const t2 = token(Kind.STRING, escapeString(this.#getValue()));
+    const t3 = token(Kind.STRING, escapeString(this.#getValue()));
     this.#advance();
-    return t2;
+    return t3;
   }
   #tokenizeIdentOrKeyword() {
     do {
@@ -1977,9 +2218,9 @@ var Tokenizer = class {
   }
   #tokenizeGrouper() {
     const value = String.fromCharCode(this.#next);
-    const t2 = token(Kind.GROUPER, value, PRECEDENCE[value]);
+    const t3 = token(Kind.GROUPER, value, PRECEDENCE[value]);
     this.#advance(true);
-    return t2;
+    return t3;
   }
 };
 
@@ -2003,10 +2244,10 @@ var Parser = class {
     if (!this._matches(kind, value)) {
       throw new Error(`Expected kind ${kind} (${value}), was ${this.#token?.kind} (${this.#token?.value})`);
     }
-    const t2 = this.#tokenizer.nextToken();
-    this.#token = t2;
-    this.#kind = t2?.kind;
-    this.#value = t2?.value;
+    const t3 = this.#tokenizer.nextToken();
+    this.#token = t3;
+    this.#kind = t3?.kind;
+    this.#value = t3?.value;
   }
   _matches(kind, value) {
     return !(kind && this.#kind !== kind || value && this.#value !== value);
@@ -2212,7 +2453,7 @@ var Parser = class {
     if (this._matches(Kind.ARROW)) {
       this.#advance();
       const body = this.#parseExpression();
-      const params = expressions?.map((e2) => e2.value) ?? [];
+      const params = expressions?.map((e3) => e3.value) ?? [];
       return this.#ast.arrowFunction(params, body);
     } else {
       return this.#ast.paren(expressions[0]);
@@ -2238,29 +2479,29 @@ var Parser = class {
 // ../../node_modules/.pnpm/@heximal+expressions@0.1.5/node_modules/@heximal/expressions/lib/eval.js
 var { hasOwn, fromEntries } = Object;
 var _BINARY_OPERATORS = {
-  "+": (a, b) => a + b,
-  "-": (a, b) => a - b,
-  "*": (a, b) => a * b,
-  "/": (a, b) => a / b,
-  "%": (a, b) => a % b,
-  "==": (a, b) => a == b,
-  "!=": (a, b) => a != b,
-  "===": (a, b) => a === b,
-  "!==": (a, b) => a !== b,
-  ">": (a, b) => a > b,
-  ">=": (a, b) => a >= b,
-  "<": (a, b) => a < b,
-  "<=": (a, b) => a <= b,
-  "||": (a, b) => a || b,
-  "&&": (a, b) => a && b,
-  "??": (a, b) => a ?? b,
-  "|": (a, f) => f(a),
-  "|>": (a, f) => f(a)
+  "+": (a2, b2) => a2 + b2,
+  "-": (a2, b2) => a2 - b2,
+  "*": (a2, b2) => a2 * b2,
+  "/": (a2, b2) => a2 / b2,
+  "%": (a2, b2) => a2 % b2,
+  "==": (a2, b2) => a2 == b2,
+  "!=": (a2, b2) => a2 != b2,
+  "===": (a2, b2) => a2 === b2,
+  "!==": (a2, b2) => a2 !== b2,
+  ">": (a2, b2) => a2 > b2,
+  ">=": (a2, b2) => a2 >= b2,
+  "<": (a2, b2) => a2 < b2,
+  "<=": (a2, b2) => a2 <= b2,
+  "||": (a2, b2) => a2 || b2,
+  "&&": (a2, b2) => a2 && b2,
+  "??": (a2, b2) => a2 ?? b2,
+  "|": (a2, f2) => f2(a2),
+  "|>": (a2, f2) => f2(a2)
 };
 var _UNARY_OPERATORS = {
-  "+": (a) => a,
-  "-": (a) => -a,
-  "!": (a) => !a
+  "+": (a2) => a2,
+  "-": (a2) => -a2,
+  "!": (a2) => !a2
 };
 var EvalAstFactory = class {
   empty() {
@@ -2275,10 +2516,10 @@ var EvalAstFactory = class {
     };
   }
   // TODO(justinfagnani): just use a JS literal?
-  literal(v) {
+  literal(v2) {
     return {
       type: "Literal",
-      value: v,
+      value: v2,
       evaluate(_scope) {
         return this.value;
       },
@@ -2287,10 +2528,10 @@ var EvalAstFactory = class {
       }
     };
   }
-  id(v) {
+  id(v2) {
     return {
       type: "ID",
-      value: v,
+      value: v2,
       evaluate(scope) {
         if (this.value === "this")
           return scope;
@@ -2303,26 +2544,26 @@ var EvalAstFactory = class {
     };
   }
   unary(op, expr) {
-    const f = _UNARY_OPERATORS[op];
+    const f2 = _UNARY_OPERATORS[op];
     return {
       type: "Unary",
       operator: op,
       child: expr,
       evaluate(scope) {
-        return f(this.child.evaluate(scope));
+        return f2(this.child.evaluate(scope));
       },
       getIds(idents) {
         return this.child.getIds(idents);
       }
     };
   }
-  binary(l, op, r3) {
-    const f = _BINARY_OPERATORS[op];
+  binary(l2, op, r4) {
+    const f2 = _BINARY_OPERATORS[op];
     return {
       type: "Binary",
       operator: op,
-      left: l,
-      right: r3,
+      left: l2,
+      right: r4,
       evaluate(scope) {
         if (this.operator === "=") {
           if (this.left.type !== "ID" && this.left.type !== "Getter" && this.left.type !== "Index") {
@@ -2343,7 +2584,7 @@ var EvalAstFactory = class {
           }
           return receiver === void 0 ? void 0 : receiver[property] = value;
         }
-        return f(this.left.evaluate(scope), this.right.evaluate(scope));
+        return f2(this.left.evaluate(scope), this.right.evaluate(scope));
       },
       getIds(idents) {
         this.left.getIds(idents);
@@ -2352,11 +2593,11 @@ var EvalAstFactory = class {
       }
     };
   }
-  getter(g, n2) {
+  getter(g2, n3) {
     return {
       type: "Getter",
-      receiver: g,
-      name: n2,
+      receiver: g2,
+      name: n3,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.name];
       },
@@ -2378,26 +2619,26 @@ var EvalAstFactory = class {
       evaluate(scope) {
         const receiver2 = this.receiver.evaluate(scope);
         const _this = this.method ? receiver2 : scope?.["this"] ?? scope;
-        const f = this.method ? receiver2?.[method] : receiver2;
+        const f2 = this.method ? receiver2?.[method] : receiver2;
         const args2 = this.arguments ?? [];
-        const argValues = args2.map((a) => a?.evaluate(scope));
-        return f?.apply?.(_this, argValues);
+        const argValues = args2.map((a2) => a2?.evaluate(scope));
+        return f2?.apply?.(_this, argValues);
       },
       getIds(idents) {
         this.receiver.getIds(idents);
-        this.arguments?.forEach((a) => a?.getIds(idents));
+        this.arguments?.forEach((a2) => a2?.getIds(idents));
         return idents;
       }
     };
   }
-  paren(e2) {
-    return e2;
+  paren(e3) {
+    return e3;
   }
-  index(e2, a) {
+  index(e3, a2) {
     return {
       type: "Index",
-      receiver: e2,
-      argument: a,
+      receiver: e3,
+      argument: a2,
       evaluate(scope) {
         return this.receiver.evaluate(scope)?.[this.argument.evaluate(scope)];
       },
@@ -2407,15 +2648,15 @@ var EvalAstFactory = class {
       }
     };
   }
-  ternary(c2, t2, f) {
+  ternary(c3, t3, f2) {
     return {
       type: "Ternary",
-      condition: c2,
-      trueExpr: t2,
-      falseExpr: f,
+      condition: c3,
+      trueExpr: t3,
+      falseExpr: f2,
       evaluate(scope) {
-        const c3 = this.condition.evaluate(scope);
-        if (c3) {
+        const c4 = this.condition.evaluate(scope);
+        if (c4) {
           return this.trueExpr.evaluate(scope);
         } else {
           return this.falseExpr.evaluate(scope);
@@ -2459,15 +2700,15 @@ var EvalAstFactory = class {
     };
   }
   // TODO(justinfagnani): if the list is deeply literal
-  list(l) {
+  list(l2) {
     return {
       type: "List",
-      items: l,
+      items: l2,
       evaluate(scope) {
-        return this.items?.map((a) => a?.evaluate(scope));
+        return this.items?.map((a2) => a2?.evaluate(scope));
       },
       getIds(idents) {
-        this.items?.forEach((i4) => i4?.getIds(idents));
+        this.items?.forEach((i5) => i5?.getIds(idents));
         return idents;
       }
     };
@@ -2481,7 +2722,7 @@ var EvalAstFactory = class {
         const params2 = this.params;
         const body2 = this.body;
         return function(...args) {
-          const paramsObj = fromEntries(params2.map((p, i4) => [p, args[i4]]));
+          const paramsObj = fromEntries(params2.map((p2, i5) => [p2, args[i5]]));
           const newScope = new Proxy(scope ?? {}, {
             set(target, prop, value) {
               if (hasOwn(paramsObj, prop)) {
@@ -2507,40 +2748,40 @@ var EvalAstFactory = class {
 };
 
 // ../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/node/private-ssr-support.js
-var r2 = null;
-var i3 = { boundAttributeSuffix: W.M, marker: W.P, markerMatch: W.A, HTML_RESULT: W.C, getTemplateHtml: W.L, overrideDirectiveResolve: (e2, t2) => class extends e2 {
-  _$AS(e3, r3) {
-    return t2(this, r3);
-  }
-}, patchDirectiveResolve: (e2, t2) => {
-  if (e2.prototype._$AS.name !== t2.name) {
-    r2 ??= e2.prototype._$AS.name;
-    for (let i4 = e2.prototype; i4 !== Object.prototype; i4 = Object.getPrototypeOf(i4)) if (i4.hasOwnProperty(r2)) return void (i4[r2] = t2);
+var r3 = null;
+var i4 = { boundAttributeSuffix: W.M, marker: W.P, markerMatch: W.A, HTML_RESULT: W.C, getTemplateHtml: W.L, overrideDirectiveResolve: (e3, t3) => class extends e3 {
+  _$AS(e4, r4) {
+    return t3(this, r4);
+  }
+}, patchDirectiveResolve: (e3, t3) => {
+  if (e3.prototype._$AS.name !== t3.name) {
+    r3 ??= e3.prototype._$AS.name;
+    for (let i5 = e3.prototype; i5 !== Object.prototype; i5 = Object.getPrototypeOf(i5)) if (i5.hasOwnProperty(r3)) return void (i5[r3] = t3);
     throw Error("Internal error: It is possible that both dev mode and production mode Lit was mixed together during SSR. Please comment on the issue: https://github.com/lit/lit/issues/4527");
   }
-}, setDirectiveClass(e2, t2) {
-  e2._$litDirective$ = t2;
-}, getAttributePartCommittedValue: (e2, r3, i4) => {
-  let o = w;
-  return e2.j = (e3) => o = e3, e2._$AI(r3, e2, i4), o;
-}, connectedDisconnectable: (e2) => ({ ...e2, _$AU: true }), resolveDirective: W.V, AttributePart: W.H, PropertyPart: W.B, BooleanAttributePart: W.N, EventPart: W.U, ElementPart: W.F, TemplateInstance: W.R, isIterable: W.D, ChildPart: W.I };
+}, setDirectiveClass(e3, t3) {
+  e3._$litDirective$ = t3;
+}, getAttributePartCommittedValue: (e3, r4, i5) => {
+  let o2 = w;
+  return e3.j = (e4) => o2 = e4, e3._$AI(r4, e3, i5), o2;
+}, connectedDisconnectable: (e3) => ({ ...e3, _$AU: true }), resolveDirective: W.V, AttributePart: W.H, PropertyPart: W.B, BooleanAttributePart: W.N, EventPart: W.U, ElementPart: W.F, TemplateInstance: W.R, isIterable: W.D, ChildPart: W.I };
 
 // ../../node_modules/.pnpm/@heximal+templates@0.1.5/node_modules/@heximal/templates/index.js
-var { AttributePart, PropertyPart, BooleanAttributePart, EventPart } = i3;
+var { AttributePart, PropertyPart, BooleanAttributePart, EventPart } = i4;
 var astFactory = new EvalAstFactory();
 var expressionCache = /* @__PURE__ */ new Map();
-var toCamelCase = (s) => s.replace(/-(-|\w)/g, (_, p1) => p1.toUpperCase());
-var getSingleValue = (s, model) => {
-  let ast = expressionCache.get(s);
+var toCamelCase = (s2) => s2.replace(/-(-|\w)/g, (_2, p1) => p1.toUpperCase());
+var getSingleValue = (s2, model) => {
+  let ast = expressionCache.get(s2);
   if (ast === void 0) {
-    if (expressionCache.has(s)) {
+    if (expressionCache.has(s2)) {
       return void 0;
     }
-    s = s.trim();
-    if (s.startsWith("{{") && s.endsWith("}}")) {
-      const expression = s.substring(2, s.length - 2).trim();
+    s2 = s2.trim();
+    if (s2.startsWith("{{") && s2.endsWith("}}")) {
+      const expression = s2.substring(2, s2.length - 2).trim();
       ast = new Parser(expression, astFactory).parse();
-      expressionCache.set(s, ast);
+      expressionCache.set(s2, ast);
     }
   }
   return ast?.evaluate(model);
@@ -2553,8 +2794,8 @@ var ifHandler = (template, model, handlers, renderers) => {
   return void 0;
 };
 var bindingRegex = /(?<!\\){{(.*?)(?:(?<!\\)}})/g;
-var hasEscapedBindingMarkers = (s) => /(?:\\{{)|(?:\\}})/g.test(s);
-var unescapeBindingMarkers = (s) => s.replaceAll(/\\{{/g, "{{").replace(/\\}}/g, "}}");
+var hasEscapedBindingMarkers = (s2) => /(?:\\{{)|(?:\\}})/g.test(s2);
+var unescapeBindingMarkers = (s2) => s2.replaceAll(/\\{{/g, "{{").replace(/\\}}/g, "}}");
 var repeatHandler = (template, model, handlers, renderers) => {
   const repeatAttribute = template.getAttribute("repeat");
   if (repeatAttribute !== null) {
@@ -2763,10 +3004,10 @@ var makeLitTemplate = (template) => {
         }
         const strings = [unescapeBindingMarkers(splitValue[0])];
         const exprs = [];
-        for (let i4 = 1; i4 < splitValue.length; i4 += 2) {
-          const exprText = splitValue[i4];
+        for (let i5 = 1; i5 < splitValue.length; i5 += 2) {
+          const exprText = splitValue[i5];
           exprs.push(parse(exprText, astFactory));
-          strings.push(unescapeBindingMarkers(splitValue[i4 + 1]));
+          strings.push(unescapeBindingMarkers(splitValue[i5 + 1]));
         }
         litTemplate.parts.push({
           type: 1,
@@ -2789,15 +3030,15 @@ var makeLitTemplate = (template) => {
       } else if (hasEscapedBindingMarkers(text)) {
         textNode.textContent = unescapeBindingMarkers(text);
       }
-      for (let i4 = 1; i4 < strings.length; i4 += 2) {
-        const exprText = strings[i4];
+      for (let i5 = 1; i5 < strings.length; i5 += 2) {
+        const exprText = strings[i5];
         const expr = parse(exprText, astFactory);
         litTemplate.parts.push({
           type: 2,
           index: ++nodeIndex,
           update: (model, _handlers) => expr.evaluate(model)
         });
-        const newTextNode = new Text(strings[i4 + 1].replace("\\{{", "{{"));
+        const newTextNode = new Text(strings[i5 + 1].replace("\\{{", "{{"));
         textNode.parentNode.insertBefore(newTextNode, textNode.nextSibling);
         textNode.parentNode.insertBefore(document.createComment(""), textNode.nextSibling);
         textNode = newTextNode;
@@ -2805,8 +3046,8 @@ var makeLitTemplate = (template) => {
       }
     }
   }
-  for (const e2 of elementsToRemove) {
-    e2.remove();
+  for (const e3 of elementsToRemove) {
+    e3.remove();
   }
   return litTemplate;
 };
@@ -2829,11 +3070,11 @@ var TestPagingButtonsStamp = class extends i2 {
     this.myTemplate = prepareTemplate(templateElement);
   }
   render() {
-    if (!this.computedContext) return x``;
+    if (!this.computedContext) return T``;
     const items = this.computedContext.testParts.flatMap(
       (testPart) => testPart.sections.flatMap((section) => section.items)
     );
-    return x` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
+    return T` ${items.map((item) => this.myTemplate({ item, view: this.computedContext.view }))} `;
   }
 };
 _internals2 = new WeakMap();
@@ -2893,10 +3134,10 @@ var TestContainer = class extends i2 {
     }
   }
   render() {
-    return x`
+    return T`
       ${__privateGet(this, _templateContent)}
       <slot></slot>
-      ${m(this.testDoc, x`<span>Loading...</span>`)}
+      ${m(this.testDoc, T`<span>Loading...</span>`)}
     `;
   }
 };
@@ -2904,7 +3145,7 @@ _templateContent = new WeakMap();
 _TestContainer_instances = new WeakSet();
 initializeTemplateContent_fn = function() {
   const template = this.querySelector("template");
-  __privateSet(this, _templateContent, template ? template.content : x``);
+  __privateSet(this, _templateContent, template ? template.content : T``);
 };
 applyStyles_fn = function() {
   const sheet = new CSSStyleSheet();
@@ -2934,10 +3175,10 @@ TestContainer = __decorateClass([
 var TestPrintVariables = class extends i2 {
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return x``;
-    const responseVariables = activeItem.variables.filter((v) => v.type === "response");
-    const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
-    const renderTable = (variables, title) => x`
+    if (!activeItem || !activeItem.variables) return T``;
+    const responseVariables = activeItem.variables.filter((v2) => v2.type === "response");
+    const outcomeVariables = activeItem.variables.filter((v2) => v2.type === "outcome");
+    const renderTable = (variables, title) => T`
       <h3>${title}</h3>
       <table>
         <thead>
@@ -2950,16 +3191,16 @@ var TestPrintVariables = class extends i2 {
           </tr>
         </thead>
         <tbody>
-          ${variables.map((v) => {
-      const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
-      const mapEntries = v.mapping?.mapEntries?.map((m2) => `${m2.mapKey}=${m2.mappedValue}pt`).join(", ") || "";
-      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m2) => `${m2.shape}(${m2.coords})=${m2.mappedValue}pt`).join(", ") || "";
-      return x`
+          ${variables.map((v2) => {
+      const correctResponse = v2.correctResponse ? Array.isArray(v2.correctResponse) ? v2.correctResponse.join(", ") : v2.correctResponse : "";
+      const mapEntries = v2.mapping?.mapEntries?.map((m3) => `${m3.mapKey}=${m3.mappedValue}pt`).join(", ") || "";
+      const areaMapEntries = v2.areaMapping?.areaMapEntries?.map((m3) => `${m3.shape}(${m3.coords})=${m3.mappedValue}pt`).join(", ") || "";
+      return T`
               <tr>
-                <td>${v.identifier}</td>
-                <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
-                <td>${v.cardinality}</td>
-                <td>${v.baseType}</td>
+                <td>${v2.identifier}</td>
+                <td>${Array.isArray(v2.value) ? v2.value.join(", ") : v2.value}</td>
+                <td>${v2.cardinality}</td>
+                <td>${v2.baseType}</td>
                 <td>${correctResponse || mapEntries || areaMapEntries}</td>
               </tr>
             `;
@@ -2967,7 +3208,7 @@ var TestPrintVariables = class extends i2 {
         </tbody>
       </table>
     `;
-    return x`
+    return T`
       ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
     `;
   }
@@ -3019,9 +3260,9 @@ var TestSectionButtonsStamp = class extends i2 {
     this.myTemplate = prepareTemplate(templateElement);
   }
   render() {
-    if (!this.computedContext) return x``;
+    if (!this.computedContext) return T``;
     const sections = this.computedContext.testParts.flatMap((testPart) => testPart.sections);
-    return x` ${sections.map((item) => this.myTemplate({ item }))} `;
+    return T` ${sections.map((item) => this.myTemplate({ item }))} `;
   }
 };
 _internals3 = new WeakMap();
@@ -3042,7 +3283,7 @@ var TestSectionLink = class extends i2 {
     this.addEventListener("click", () => __privateMethod(this, _TestSectionLink_instances, requestItem_fn).call(this, this.sectionId));
   }
   render() {
-    return x` <slot></slot> `;
+    return T` <slot></slot> `;
   }
 };
 _TestSectionLink_instances = new WeakSet();
@@ -3076,7 +3317,7 @@ TestSectionLink = __decorateClass([
 // ../qti-test/src/components/test-print-context/test-print-context.ts
 var TestPrintContext = class extends i2 {
   render() {
-    return x` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
+    return T` <small><pre>${JSON.stringify(this.computedContext, null, 2)}</pre></small> `;
   }
 };
 __decorateClass([
@@ -3153,8 +3394,8 @@ var TestStamp = class extends i2 {
     );
   }
   render() {
-    return x` ${this.debug ? x`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : E}
-    ${this.myTemplate ? this.myTemplate(this.stampContext) : E}`;
+    return T` ${this.debug ? T`<small><pre>${JSON.stringify(this.stampContext, null, 2)}</pre></small>` : A}
+    ${this.myTemplate ? this.myTemplate(this.stampContext) : A}`;
   }
 };
 __decorateClass([
@@ -3180,8 +3421,8 @@ var TestScoringButtons = class extends i2 {
     this.view = "";
     this.disabled = false;
     this.myTemplate = null;
-    this.addEventListener("click", (e2) => {
-      const target = e2.target;
+    this.addEventListener("click", (e3) => {
+      const target = e3.target;
       const value = parseFloat(target.value);
       if (target.tagName === "INPUT") {
         __privateMethod(this, _TestScoringButtons_instances, changeOutcomeScore_fn).call(this, value);
@@ -3202,14 +3443,14 @@ var TestScoringButtons = class extends i2 {
   }
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return x``;
+    if (!activeItem || !activeItem.variables) return T``;
     const maxScore = activeItem.variables.find((vr) => vr.identifier == "MAXSCORE")?.value;
     const scoreOutcome = activeItem.variables.find((vr) => vr.identifier == "SCORE");
     const score = scoreOutcome?.value;
     const disabled = !(scoreOutcome?.externalScored === "human");
-    if (!maxScore || !scoreOutcome) return E;
+    if (!maxScore || !scoreOutcome) return A;
     const scores = [...Array(Number(maxScore) + 1).keys()];
-    return x`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : E}`;
+    return T`${this.myTemplate ? this.myTemplate({ scores, score, disabled }) : A}`;
   }
 };
 _TestScoringButtons_instances = new WeakSet();
@@ -3274,9 +3515,9 @@ var TestViewToggle = class extends i2 {
     });
   }
   render() {
-    return x`${this.myTemplate ? this.myTemplate({
+    return T`${this.myTemplate ? this.myTemplate({
       view: this.sessionContext?.view
-    }) : E}`;
+    }) : A}`;
   }
 };
 __decorateClass([
@@ -3294,9 +3535,9 @@ var TestScoringFeedback = class extends i2 {
   }
   render() {
     const activeItem = this.computedContext?.testParts.flatMap((testPart) => testPart.sections.flatMap((section) => section.items)).find((item) => item.active);
-    if (!activeItem || !activeItem.variables) return x``;
-    if (activeItem["category"] === "dep-informational") return x`<div>${this.dataset.informational}</div>`;
-    const completionStatus = activeItem?.variables.find((v) => v.identifier === "completionStatus")?.value;
+    if (!activeItem || !activeItem.variables) return T``;
+    if (activeItem["category"] === "dep-informational") return T`<div>${this.dataset.informational}</div>`;
+    const completionStatus = activeItem?.variables.find((v2) => v2.identifier === "completionStatus")?.value;
     const scoreOutcome = activeItem?.variables.find((vr) => vr.identifier == "SCORE");
     const score = parseFloat(scoreOutcome?.value);
     const externalScored = activeItem["externalScored"];
@@ -3315,7 +3556,7 @@ var TestScoringFeedback = class extends i2 {
       }
       return this.dataset.inProgress;
     };
-    return x`<div>${feedbackText()}</div>`;
+    return T`<div>${feedbackText()}</div>`;
   }
 };
 __decorateClass([
@@ -3349,7 +3590,7 @@ var TestCheckItem = class extends i2 {
     });
   }
   render() {
-    return x` <slot></slot> `;
+    return T` <slot></slot> `;
   }
 };
 TestCheckItem.styles = i`
@@ -3392,6 +3633,13 @@ export {
 };
 /*! Bundled license information:
 
+lit-html/node/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
 @heximal/expressions/lib/constants.js:
 @heximal/expressions/lib/tokenizer.js:
 @heximal/expressions/lib/parser.js:
@@ -3409,4 +3657,4 @@ lit-html/node/private-ssr-support.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 */
-//# sourceMappingURL=chunk-TZMDZQFG.js.map
+//# sourceMappingURL=chunk-3HJE3KRM.js.map