@citolab/qti-components 7.28.1 → 8.0.0

package/dist/{chunk-3XV26R5M.js → chunk-H3J7LFRO.js}

@@ -1,28 +1,24 @@
-import {
-  __decorateClass
-} from "./chunk-QXBXORM3.js";
-
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/context-request-event.js
 var s = class extends Event {
-  constructor(s9, t7, e8, o8) {
-    super("context-request", { bubbles: true, composed: true }), this.context = s9, this.contextTarget = t7, this.callback = e8, this.subscribe = o8 ?? false;
+  constructor(s7, t4, e7, o7) {
+    super("context-request", { bubbles: true, composed: true }), this.context = s7, this.contextTarget = t4, this.callback = e7, this.subscribe = o7 ?? false;
   }
 };
 
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/create-context.js
-function n(n8) {
-  return n8;
+function n(n6) {
+  return n6;
 }
 
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.js
 var s2 = class {
-  constructor(t7, s9, i7, h5) {
-    if (this.subscribe = false, this.provided = false, this.value = void 0, this.t = (t8, s10) => {
-      this.unsubscribe && (this.unsubscribe !== s10 && (this.provided = false, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = t8, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = true, this.callback && this.callback(t8, s10)), this.unsubscribe = s10;
-    }, this.host = t7, void 0 !== s9.context) {
-      const t8 = s9;
-      this.context = t8.context, this.callback = t8.callback, this.subscribe = t8.subscribe ?? false;
-    } else this.context = s9, this.callback = i7, this.subscribe = h5 ?? false;
+  constructor(t4, s7, i5, h3) {
+    if (this.subscribe = false, this.provided = false, this.value = void 0, this.t = (t5, s8) => {
+      this.unsubscribe && (this.unsubscribe !== s8 && (this.provided = false, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = t5, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = true, this.callback && this.callback(t5, s8)), this.unsubscribe = s8;
+    }, this.host = t4, void 0 !== s7.context) {
+      const t5 = s7;
+      this.context = t5.context, this.callback = t5.callback, this.subscribe = t5.subscribe ?? false;
+    } else this.context = s7, this.callback = i5, this.subscribe = h3 ?? false;
     this.host.addController(this);
   }
   hostConnected() {
@@ -41,25 +37,25 @@ var s3 = class {
   get value() {
     return this.o;
   }
-  set value(s9) {
-    this.setValue(s9);
+  set value(s7) {
+    this.setValue(s7);
   }
-  setValue(s9, t7 = false) {
-    const i7 = t7 || !Object.is(s9, this.o);
-    this.o = s9, i7 && this.updateObservers();
+  setValue(s7, t4 = false) {
+    const i5 = t4 || !Object.is(s7, this.o);
+    this.o = s7, i5 && this.updateObservers();
   }
-  constructor(s9) {
+  constructor(s7) {
     this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s10, { disposer: t7 }] of this.subscriptions) s10(this.o, t7);
-    }, void 0 !== s9 && (this.value = s9);
+      for (const [s8, { disposer: t4 }] of this.subscriptions) s8(this.o, t4);
+    }, void 0 !== s7 && (this.value = s7);
   }
-  addCallback(s9, t7, i7) {
-    if (!i7) return void s9(this.value);
-    this.subscriptions.has(s9) || this.subscriptions.set(s9, { disposer: () => {
-      this.subscriptions.delete(s9);
-    }, consumerHost: t7 });
-    const { disposer: h5 } = this.subscriptions.get(s9);
-    s9(this.value, h5);
+  addCallback(s7, t4, i5) {
+    if (!i5) return void s7(this.value);
+    this.subscriptions.has(s7) || this.subscriptions.set(s7, { disposer: () => {
+      this.subscriptions.delete(s7);
+    }, consumerHost: t4 });
+    const { disposer: h3 } = this.subscriptions.get(s7);
+    s7(this.value, h3);
   }
   clearCallbacks() {
     this.subscriptions.clear();
@@ -68,23 +64,23 @@ var s3 = class {
 
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/controllers/context-provider.js
 var e = class extends Event {
-  constructor(t7, s9) {
-    super("context-provider", { bubbles: true, composed: true }), this.context = t7, this.contextTarget = s9;
+  constructor(t4, s7) {
+    super("context-provider", { bubbles: true, composed: true }), this.context = t4, this.contextTarget = s7;
   }
 };
 var i = class extends s3 {
-  constructor(s9, e8, i7) {
-    super(void 0 !== e8.context ? e8.initialValue : i7), this.onContextRequest = (t7) => {
-      if (t7.context !== this.context) return;
-      const s10 = t7.contextTarget ?? t7.composedPath()[0];
-      s10 !== this.host && (t7.stopPropagation(), this.addCallback(t7.callback, s10, t7.subscribe));
-    }, this.onProviderRequest = (s10) => {
-      if (s10.context !== this.context) return;
-      if ((s10.contextTarget ?? s10.composedPath()[0]) === this.host) return;
-      const e9 = /* @__PURE__ */ new Set();
-      for (const [s11, { consumerHost: i8 }] of this.subscriptions) e9.has(s11) || (e9.add(s11), i8.dispatchEvent(new s(this.context, i8, s11, true)));
-      s10.stopPropagation();
-    }, this.host = s9, void 0 !== e8.context ? this.context = e8.context : this.context = e8, this.attachListeners(), this.host.addController?.(this);
+  constructor(s7, e7, i5) {
+    super(void 0 !== e7.context ? e7.initialValue : i5), this.onContextRequest = (t4) => {
+      if (t4.context !== this.context) return;
+      const s8 = t4.contextTarget ?? t4.composedPath()[0];
+      s8 !== this.host && (t4.stopPropagation(), this.addCallback(t4.callback, s8, t4.subscribe));
+    }, this.onProviderRequest = (s8) => {
+      if (s8.context !== this.context) return;
+      if ((s8.contextTarget ?? s8.composedPath()[0]) === this.host) return;
+      const e8 = /* @__PURE__ */ new Set();
+      for (const [s9, { consumerHost: i6 }] of this.subscriptions) e8.has(s9) || (e8.add(s9), i6.dispatchEvent(new s(this.context, i6, s9, true)));
+      s8.stopPropagation();
+    }, this.host = s7, void 0 !== e7.context ? this.context = e7.context : this.context = e7, this.attachListeners(), this.host.addController?.(this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -95,65 +91,71 @@ var i = class extends s3 {
 };
 
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js
-function e2({ context: e8 }) {
-  return (n8, i7) => {
-    const r8 = /* @__PURE__ */ new WeakMap();
-    if ("object" == typeof i7) return { get() {
-      return n8.get.call(this);
-    }, set(t7) {
-      return r8.get(this).setValue(t7), n8.set.call(this, t7);
-    }, init(n9) {
-      return r8.set(this, new i(this, { context: e8, initialValue: n9 })), n9;
+function e2({ context: e7 }) {
+  return (n6, i5) => {
+    const r6 = /* @__PURE__ */ new WeakMap();
+    if ("object" == typeof i5) return { get() {
+      return n6.get.call(this);
+    }, set(t4) {
+      return r6.get(this).setValue(t4), n6.set.call(this, t4);
+    }, init(n7) {
+      return r6.set(this, new i(this, { context: e7, initialValue: n7 })), n7;
     } };
     {
-      n8.constructor.addInitializer(((n9) => {
-        r8.set(n9, new i(n9, { context: e8 }));
+      n6.constructor.addInitializer(((n7) => {
+        r6.set(n7, new i(n7, { context: e7 }));
       }));
-      const o8 = Object.getOwnPropertyDescriptor(n8, i7);
-      let s9;
-      if (void 0 === o8) {
-        const t7 = /* @__PURE__ */ new WeakMap();
-        s9 = { get() {
-          return t7.get(this);
-        }, set(e9) {
-          r8.get(this).setValue(e9), t7.set(this, e9);
+      const o7 = Object.getOwnPropertyDescriptor(n6, i5);
+      let s7;
+      if (void 0 === o7) {
+        const t4 = /* @__PURE__ */ new WeakMap();
+        s7 = { get() {
+          return t4.get(this);
+        }, set(e8) {
+          r6.get(this).setValue(e8), t4.set(this, e8);
         }, configurable: true, enumerable: true };
       } else {
-        const t7 = o8.set;
-        s9 = { ...o8, set(e9) {
-          r8.get(this).setValue(e9), t7?.call(this, e9);
+        const t4 = o7.set;
+        s7 = { ...o7, set(e8) {
+          r6.get(this).setValue(e8), t4?.call(this, e8);
         } };
       }
-      return void Object.defineProperty(n8, i7, s9);
+      return void Object.defineProperty(n6, i5, s7);
     }
   };
 }
 
 // ../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/decorators/consume.js
-function c({ context: c6, subscribe: e8 }) {
-  return (o8, n8) => {
-    "object" == typeof n8 ? n8.addInitializer((function() {
-      new s2(this, { context: c6, callback: (t7) => {
-        o8.set.call(this, t7);
-      }, subscribe: e8 });
-    })) : o8.constructor.addInitializer(((o9) => {
-      new s2(o9, { context: c6, callback: (t7) => {
-        o9[n8] = t7;
-      }, subscribe: e8 });
+function c({ context: c5, subscribe: e7 }) {
+  return (o7, n6) => {
+    "object" == typeof n6 ? n6.addInitializer((function() {
+      new s2(this, { context: c5, callback: (t4) => {
+        o7.set.call(this, t4);
+      }, subscribe: e7 });
+    })) : o7.constructor.addInitializer(((o8) => {
+      new s2(o8, { context: c5, callback: (t4) => {
+        o8[n6] = t4;
+      }, subscribe: e7 });
     }));
   };
 }
 
-// ../qti-base/src/context/computed-item.context.ts
+// ../qti-base/dist/context/computed-item.context.js
 var computedItemContext = n(/* @__PURE__ */ Symbol("computedItemContext"));
 
-// ../qti-base/src/context/computed.context.ts
+// ../qti-base/dist/context/computed.context.js
 var computedContext = n(/* @__PURE__ */ Symbol("computedContext"));
 
-// ../qti-base/src/context/config.context.ts
+// ../qti-base/dist/context/config.context.js
 var configContext = n(/* @__PURE__ */ Symbol("configContext"));
 
-// ../qti-base/src/context/item.context.ts
+// ../qti-base/dist/context/interaction.context.js
+var interactionContext = n(/* @__PURE__ */ Symbol("interactionContext"));
+
+// ../qti-base/dist/context/item.context.js
+var itemContext = n(/* @__PURE__ */ Symbol("item"));
+
+// ../qti-base/dist/context/types/item.types.js
 var itemContextVariables = [
   {
     identifier: "completionStatus",
@@ -171,30 +173,20 @@ var itemContextVariables = [
   }
 ];
 
-// ../qti-base/src/context/qti-assessment-item.context.ts
-var itemContext = n(/* @__PURE__ */ Symbol("item"));
-
-// ../qti-base/src/context/qti.context.ts
+// ../qti-base/dist/context/qti.context.js
 var SEED_PATTERN = /^[A-Za-z0-9-]+$/;
 var isSeed = (value) => typeof value === "string" && SEED_PATTERN.test(value);
 var asSeed = (value) => isSeed(value) ? value : void 0;
 var qtiContext = n(/* @__PURE__ */ Symbol("qtiContext"));
 
-// ../qti-base/src/context/session.context.ts
+// ../qti-base/dist/context/session.context.js
 var INITIAL_SESSION_CONTEXT = { view: "candidate" };
 var sessionContext = n(/* @__PURE__ */ Symbol("testContext"));
 
-// ../qti-base/src/context/test.context.ts
+// ../qti-base/dist/context/test.context.js
 var INITIAL_TEST_CONTEXT = { items: [], testOutcomeVariables: [] };
 var testContext = n(/* @__PURE__ */ Symbol("testContext"));
 
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/custom-element.js
-var t2 = (t7) => (e8, o8) => {
-  void 0 !== o8 ? o8.addInitializer(() => {
-    customElements.define(t7, e8);
-  }) : customElements.define(t7, e8);
-};
-
 // ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/lib/element-internals.js
 var ElementInternalsShim = class ElementInternals {
   get shadowRoot() {
@@ -275,16 +267,16 @@ var ElementInternalsShim = class ElementInternals {
 };
 
 // ../../node_modules/.pnpm/@lit-labs+ssr-dom-shim@1.5.1/node_modules/@lit-labs/ssr-dom-shim/lib/events.js
-var __classPrivateFieldSet = function(receiver, state, value, kind, f4) {
+var __classPrivateFieldSet = function(receiver, state, value, kind, f3) {
   if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f4) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f4 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return kind === "a" ? f4.call(receiver, value) : f4 ? f4.value = value : state.set(receiver, value), value;
+  if (kind === "a" && !f3) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f3 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f3.call(receiver, value) : f3 ? f3.value = value : state.set(receiver, value), value;
 };
-var __classPrivateFieldGet = function(receiver, state, kind, f4) {
-  if (kind === "a" && !f4) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f4 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f4 : kind === "a" ? f4.call(receiver) : f4 ? f4.value : state.get(receiver);
+var __classPrivateFieldGet = function(receiver, state, kind, f3) {
+  if (kind === "a" && !f3) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f3 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f3 : kind === "a" ? f3.call(receiver) : f3 ? f3.value : state.get(receiver);
 };
 var _Event_cancelable;
 var _Event_bubbles;
@@ -793,49 +785,49 @@ var CustomElementRegistryShimWithRealType = CustomElementRegistry;
 var customElements2 = new CustomElementRegistryShimWithRealType();
 
 // ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/css-tag.js
-var t3 = globalThis;
-var e3 = t3.ShadowRoot && (void 0 === t3.ShadyCSS || t3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var t2 = globalThis;
+var e3 = t2.ShadowRoot && (void 0 === t2.ShadyCSS || t2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
 var s4 = /* @__PURE__ */ Symbol();
 var o = /* @__PURE__ */ new WeakMap();
 var n2 = class {
-  constructor(t7, e8, o8) {
-    if (this._$cssResult$ = true, o8 !== s4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t7, this.t = e8;
+  constructor(t4, e7, o7) {
+    if (this._$cssResult$ = true, o7 !== s4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t4, this.t = e7;
   }
   get styleSheet() {
-    let t7 = this.o;
-    const s9 = this.t;
-    if (e3 && void 0 === t7) {
-      const e8 = void 0 !== s9 && 1 === s9.length;
-      e8 && (t7 = o.get(s9)), void 0 === t7 && ((this.o = t7 = new CSSStyleSheet()).replaceSync(this.cssText), e8 && o.set(s9, t7));
+    let t4 = this.o;
+    const s7 = this.t;
+    if (e3 && void 0 === t4) {
+      const e7 = void 0 !== s7 && 1 === s7.length;
+      e7 && (t4 = o.get(s7)), void 0 === t4 && ((this.o = t4 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && o.set(s7, t4));
     }
-    return t7;
+    return t4;
   }
   toString() {
     return this.cssText;
   }
 };
-var r = (t7) => new n2("string" == typeof t7 ? t7 : t7 + "", void 0, s4);
-var i2 = (t7, ...e8) => {
-  const o8 = 1 === t7.length ? t7[0] : e8.reduce((e9, s9, o9) => e9 + ((t8) => {
-    if (true === t8._$cssResult$) return t8.cssText;
-    if ("number" == typeof t8) return t8;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + t8 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s9) + t7[o9 + 1], t7[0]);
-  return new n2(o8, t7, s4);
+var r = (t4) => new n2("string" == typeof t4 ? t4 : t4 + "", void 0, s4);
+var i2 = (t4, ...e7) => {
+  const o7 = 1 === t4.length ? t4[0] : e7.reduce((e8, s7, o8) => e8 + ((t5) => {
+    if (true === t5._$cssResult$) return t5.cssText;
+    if ("number" == typeof t5) return t5;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s7) + t4[o8 + 1], t4[0]);
+  return new n2(o7, t4, s4);
 };
-var S = (s9, o8) => {
-  if (e3) s9.adoptedStyleSheets = o8.map((t7) => t7 instanceof CSSStyleSheet ? t7 : t7.styleSheet);
-  else for (const e8 of o8) {
-    const o9 = document.createElement("style"), n8 = t3.litNonce;
-    void 0 !== n8 && o9.setAttribute("nonce", n8), o9.textContent = e8.cssText, s9.appendChild(o9);
+var S = (s7, o7) => {
+  if (e3) s7.adoptedStyleSheets = o7.map((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet);
+  else for (const e7 of o7) {
+    const o8 = document.createElement("style"), n6 = t2.litNonce;
+    void 0 !== n6 && o8.setAttribute("nonce", n6), o8.textContent = e7.cssText, s7.appendChild(o8);
   }
 };
-var c2 = e3 || void 0 === t3.CSSStyleSheet ? (t7) => t7 : (t7) => t7 instanceof CSSStyleSheet ? ((t8) => {
-  let e8 = "";
-  for (const s9 of t8.cssRules) e8 += s9.cssText;
-  return r(e8);
-})(t7) : t7;
+var c2 = e3 || void 0 === t2.CSSStyleSheet ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
+  let e7 = "";
+  for (const s7 of t5.cssRules) e7 += s7.cssText;
+  return r(e7);
+})(t4) : t4;
 
 // ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/reactive-element.js
 var { is: h, defineProperty: r2, getOwnPropertyDescriptor: o2, getOwnPropertyNames: n3, getOwnPropertySymbols: a, getPrototypeOf: c3 } = Object;
@@ -844,169 +836,169 @@ l.customElements ??= customElements2;
 var p = l.trustedTypes;
 var d = p ? p.emptyScript : "";
 var u = l.reactiveElementPolyfillSupport;
-var f = (t7, s9) => t7;
-var b = { toAttribute(t7, s9) {
-  switch (s9) {
+var f = (t4, s7) => t4;
+var b = { toAttribute(t4, s7) {
+  switch (s7) {
     case Boolean:
-      t7 = t7 ? d : null;
+      t4 = t4 ? d : null;
       break;
     case Object:
     case Array:
-      t7 = null == t7 ? t7 : JSON.stringify(t7);
+      t4 = null == t4 ? t4 : JSON.stringify(t4);
   }
-  return t7;
-}, fromAttribute(t7, s9) {
-  let i7 = t7;
-  switch (s9) {
+  return t4;
+}, fromAttribute(t4, s7) {
+  let i5 = t4;
+  switch (s7) {
     case Boolean:
-      i7 = null !== t7;
+      i5 = null !== t4;
       break;
     case Number:
-      i7 = null === t7 ? null : Number(t7);
+      i5 = null === t4 ? null : Number(t4);
       break;
     case Object:
     case Array:
       try {
-        i7 = JSON.parse(t7);
-      } catch (t8) {
-        i7 = null;
+        i5 = JSON.parse(t4);
+      } catch (t5) {
+        i5 = null;
       }
   }
-  return i7;
+  return i5;
 } };
-var m = (t7, s9) => !h(t7, s9);
+var m = (t4, s7) => !h(t4, s7);
 var y = { attribute: true, type: String, converter: b, reflect: false, useDefault: false, hasChanged: m };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), l.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 var g = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
-  static addInitializer(t7) {
-    this._$Ei(), (this.l ??= []).push(t7);
+  static addInitializer(t4) {
+    this._$Ei(), (this.l ??= []).push(t4);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t7, s9 = y) {
-    if (s9.state && (s9.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t7) && ((s9 = Object.create(s9)).wrapped = true), this.elementProperties.set(t7, s9), !s9.noAccessor) {
-      const i7 = /* @__PURE__ */ Symbol(), e8 = this.getPropertyDescriptor(t7, i7, s9);
-      void 0 !== e8 && r2(this.prototype, t7, e8);
+  static createProperty(t4, s7 = y) {
+    if (s7.state && (s7.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t4) && ((s7 = Object.create(s7)).wrapped = true), this.elementProperties.set(t4, s7), !s7.noAccessor) {
+      const i5 = /* @__PURE__ */ Symbol(), e7 = this.getPropertyDescriptor(t4, i5, s7);
+      void 0 !== e7 && r2(this.prototype, t4, e7);
     }
   }
-  static getPropertyDescriptor(t7, s9, i7) {
-    const { get: e8, set: h5 } = o2(this.prototype, t7) ?? { get() {
-      return this[s9];
-    }, set(t8) {
-      this[s9] = t8;
+  static getPropertyDescriptor(t4, s7, i5) {
+    const { get: e7, set: h3 } = o2(this.prototype, t4) ?? { get() {
+      return this[s7];
+    }, set(t5) {
+      this[s7] = t5;
     } };
-    return { get: e8, set(s10) {
-      const r8 = e8?.call(this);
-      h5?.call(this, s10), this.requestUpdate(t7, r8, i7);
+    return { get: e7, set(s8) {
+      const r6 = e7?.call(this);
+      h3?.call(this, s8), this.requestUpdate(t4, r6, i5);
     }, configurable: true, enumerable: true };
   }
-  static getPropertyOptions(t7) {
-    return this.elementProperties.get(t7) ?? y;
+  static getPropertyOptions(t4) {
+    return this.elementProperties.get(t4) ?? y;
   }
   static _$Ei() {
     if (this.hasOwnProperty(f("elementProperties"))) return;
-    const t7 = c3(this);
-    t7.finalize(), void 0 !== t7.l && (this.l = [...t7.l]), this.elementProperties = new Map(t7.elementProperties);
+    const t4 = c3(this);
+    t4.finalize(), void 0 !== t4.l && (this.l = [...t4.l]), this.elementProperties = new Map(t4.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(f("finalized"))) return;
     if (this.finalized = true, this._$Ei(), this.hasOwnProperty(f("properties"))) {
-      const t8 = this.properties, s9 = [...n3(t8), ...a(t8)];
-      for (const i7 of s9) this.createProperty(i7, t8[i7]);
+      const t5 = this.properties, s7 = [...n3(t5), ...a(t5)];
+      for (const i5 of s7) this.createProperty(i5, t5[i5]);
     }
-    const t7 = this[Symbol.metadata];
-    if (null !== t7) {
-      const s9 = litPropertyMetadata.get(t7);
-      if (void 0 !== s9) for (const [t8, i7] of s9) this.elementProperties.set(t8, i7);
+    const t4 = this[Symbol.metadata];
+    if (null !== t4) {
+      const s7 = litPropertyMetadata.get(t4);
+      if (void 0 !== s7) for (const [t5, i5] of s7) this.elementProperties.set(t5, i5);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t8, s9] of this.elementProperties) {
-      const i7 = this._$Eu(t8, s9);
-      void 0 !== i7 && this._$Eh.set(i7, t8);
+    for (const [t5, s7] of this.elementProperties) {
+      const i5 = this._$Eu(t5, s7);
+      void 0 !== i5 && this._$Eh.set(i5, t5);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
-  static finalizeStyles(t7) {
-    const s9 = [];
-    if (Array.isArray(t7)) {
-      const e8 = new Set(t7.flat(1 / 0).reverse());
-      for (const t8 of e8) s9.unshift(c2(t8));
-    } else void 0 !== t7 && s9.push(c2(t7));
-    return s9;
+  static finalizeStyles(t4) {
+    const s7 = [];
+    if (Array.isArray(t4)) {
+      const e7 = new Set(t4.flat(1 / 0).reverse());
+      for (const t5 of e7) s7.unshift(c2(t5));
+    } else void 0 !== t4 && s7.push(c2(t4));
+    return s7;
   }
-  static _$Eu(t7, s9) {
-    const i7 = s9.attribute;
-    return false === i7 ? void 0 : "string" == typeof i7 ? i7 : "string" == typeof t7 ? t7.toLowerCase() : void 0;
+  static _$Eu(t4, s7) {
+    const i5 = s7.attribute;
+    return false === i5 ? void 0 : "string" == typeof i5 ? i5 : "string" == typeof t4 ? t4.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    this._$ES = new Promise((t7) => this.enableUpdating = t7), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t7) => t7(this));
+    this._$ES = new Promise((t4) => this.enableUpdating = t4), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t4) => t4(this));
   }
-  addController(t7) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t7), void 0 !== this.renderRoot && this.isConnected && t7.hostConnected?.();
+  addController(t4) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t4), void 0 !== this.renderRoot && this.isConnected && t4.hostConnected?.();
   }
-  removeController(t7) {
-    this._$EO?.delete(t7);
+  removeController(t4) {
+    this._$EO?.delete(t4);
   }
   _$E_() {
-    const t7 = /* @__PURE__ */ new Map(), s9 = this.constructor.elementProperties;
-    for (const i7 of s9.keys()) this.hasOwnProperty(i7) && (t7.set(i7, this[i7]), delete this[i7]);
-    t7.size > 0 && (this._$Ep = t7);
+    const t4 = /* @__PURE__ */ new Map(), s7 = this.constructor.elementProperties;
+    for (const i5 of s7.keys()) this.hasOwnProperty(i5) && (t4.set(i5, this[i5]), delete this[i5]);
+    t4.size > 0 && (this._$Ep = t4);
   }
   createRenderRoot() {
-    const t7 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return S(t7, this.constructor.elementStyles), t7;
+    const t4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t4, this.constructor.elementStyles), t4;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t7) => t7.hostConnected?.());
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t4) => t4.hostConnected?.());
   }
-  enableUpdating(t7) {
+  enableUpdating(t4) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach((t7) => t7.hostDisconnected?.());
+    this._$EO?.forEach((t4) => t4.hostDisconnected?.());
   }
-  attributeChangedCallback(t7, s9, i7) {
-    this._$AK(t7, i7);
+  attributeChangedCallback(t4, s7, i5) {
+    this._$AK(t4, i5);
   }
-  _$ET(t7, s9) {
-    const i7 = this.constructor.elementProperties.get(t7), e8 = this.constructor._$Eu(t7, i7);
-    if (void 0 !== e8 && true === i7.reflect) {
-      const h5 = (void 0 !== i7.converter?.toAttribute ? i7.converter : b).toAttribute(s9, i7.type);
-      this._$Em = t7, null == h5 ? this.removeAttribute(e8) : this.setAttribute(e8, h5), this._$Em = null;
+  _$ET(t4, s7) {
+    const i5 = this.constructor.elementProperties.get(t4), e7 = this.constructor._$Eu(t4, i5);
+    if (void 0 !== e7 && true === i5.reflect) {
+      const h3 = (void 0 !== i5.converter?.toAttribute ? i5.converter : b).toAttribute(s7, i5.type);
+      this._$Em = t4, null == h3 ? this.removeAttribute(e7) : this.setAttribute(e7, h3), this._$Em = null;
     }
   }
-  _$AK(t7, s9) {
-    const i7 = this.constructor, e8 = i7._$Eh.get(t7);
-    if (void 0 !== e8 && this._$Em !== e8) {
-      const t8 = i7.getPropertyOptions(e8), h5 = "function" == typeof t8.converter ? { fromAttribute: t8.converter } : void 0 !== t8.converter?.fromAttribute ? t8.converter : b;
-      this._$Em = e8;
-      const r8 = h5.fromAttribute(s9, t8.type);
-      this[e8] = r8 ?? this._$Ej?.get(e8) ?? r8, this._$Em = null;
+  _$AK(t4, s7) {
+    const i5 = this.constructor, e7 = i5._$Eh.get(t4);
+    if (void 0 !== e7 && this._$Em !== e7) {
+      const t5 = i5.getPropertyOptions(e7), h3 = "function" == typeof t5.converter ? { fromAttribute: t5.converter } : void 0 !== t5.converter?.fromAttribute ? t5.converter : b;
+      this._$Em = e7;
+      const r6 = h3.fromAttribute(s7, t5.type);
+      this[e7] = r6 ?? this._$Ej?.get(e7) ?? r6, this._$Em = null;
     }
   }
-  requestUpdate(t7, s9, i7, e8 = false, h5) {
-    if (void 0 !== t7) {
-      const r8 = this.constructor;
-      if (false === e8 && (h5 = this[t7]), i7 ??= r8.getPropertyOptions(t7), !((i7.hasChanged ?? m)(h5, s9) || i7.useDefault && i7.reflect && h5 === this._$Ej?.get(t7) && !this.hasAttribute(r8._$Eu(t7, i7)))) return;
-      this.C(t7, s9, i7);
+  requestUpdate(t4, s7, i5, e7 = false, h3) {
+    if (void 0 !== t4) {
+      const r6 = this.constructor;
+      if (false === e7 && (h3 = this[t4]), i5 ??= r6.getPropertyOptions(t4), !((i5.hasChanged ?? m)(h3, s7) || i5.useDefault && i5.reflect && h3 === this._$Ej?.get(t4) && !this.hasAttribute(r6._$Eu(t4, i5)))) return;
+      this.C(t4, s7, i5);
     }
     false === this.isUpdatePending && (this._$ES = this._$EP());
   }
-  C(t7, s9, { useDefault: i7, reflect: e8, wrapped: h5 }, r8) {
-    i7 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t7) && (this._$Ej.set(t7, r8 ?? s9 ?? this[t7]), true !== h5 || void 0 !== r8) || (this._$AL.has(t7) || (this.hasUpdated || i7 || (s9 = void 0), this._$AL.set(t7, s9)), true === e8 && this._$Em !== t7 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t7));
+  C(t4, s7, { useDefault: i5, reflect: e7, wrapped: h3 }, r6) {
+    i5 && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t4) && (this._$Ej.set(t4, r6 ?? s7 ?? this[t4]), true !== h3 || void 0 !== r6) || (this._$AL.has(t4) || (this.hasUpdated || i5 || (s7 = void 0), this._$AL.set(t4, s7)), true === e7 && this._$Em !== t4 && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t4));
   }
   async _$EP() {
     this.isUpdatePending = true;
     try {
       await this._$ES;
-    } catch (t8) {
-      Promise.reject(t8);
+    } catch (t5) {
+      Promise.reject(t5);
     }
-    const t7 = this.scheduleUpdate();
-    return null != t7 && await t7, !this.isUpdatePending;
+    const t4 = this.scheduleUpdate();
+    return null != t4 && await t4, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -1015,28 +1007,28 @@ var g = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [t9, s10] of this._$Ep) this[t9] = s10;
+        for (const [t6, s8] of this._$Ep) this[t6] = s8;
         this._$Ep = void 0;
       }
-      const t8 = this.constructor.elementProperties;
-      if (t8.size > 0) for (const [s10, i7] of t8) {
-        const { wrapped: t9 } = i7, e8 = this[s10];
-        true !== t9 || this._$AL.has(s10) || void 0 === e8 || this.C(s10, void 0, i7, e8);
+      const t5 = this.constructor.elementProperties;
+      if (t5.size > 0) for (const [s8, i5] of t5) {
+        const { wrapped: t6 } = i5, e7 = this[s8];
+        true !== t6 || this._$AL.has(s8) || void 0 === e7 || this.C(s8, void 0, i5, e7);
       }
     }
-    let t7 = false;
-    const s9 = this._$AL;
+    let t4 = false;
+    const s7 = this._$AL;
     try {
-      t7 = this.shouldUpdate(s9), t7 ? (this.willUpdate(s9), this._$EO?.forEach((t8) => t8.hostUpdate?.()), this.update(s9)) : this._$EM();
-    } catch (s10) {
-      throw t7 = false, this._$EM(), s10;
+      t4 = this.shouldUpdate(s7), t4 ? (this.willUpdate(s7), this._$EO?.forEach((t5) => t5.hostUpdate?.()), this.update(s7)) : this._$EM();
+    } catch (s8) {
+      throw t4 = false, this._$EM(), s8;
     }
-    t7 && this._$AE(s9);
+    t4 && this._$AE(s7);
   }
-  willUpdate(t7) {
+  willUpdate(t4) {
   }
-  _$AE(t7) {
-    this._$EO?.forEach((t8) => t8.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t7)), this.updated(t7);
+  _$AE(t4) {
+    this._$EO?.forEach((t5) => t5.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
@@ -1047,106 +1039,33 @@ var g = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
   getUpdateComplete() {
     return this._$ES;
   }
-  shouldUpdate(t7) {
+  shouldUpdate(t4) {
     return true;
   }
-  update(t7) {
-    this._$Eq &&= this._$Eq.forEach((t8) => this._$ET(t8, this[t8])), this._$EM();
+  update(t4) {
+    this._$Eq &&= this._$Eq.forEach((t5) => this._$ET(t5, this[t5])), this._$EM();
   }
-  updated(t7) {
+  updated(t4) {
   }
-  firstUpdated(t7) {
+  firstUpdated(t4) {
   }
 };
 g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[f("elementProperties")] = /* @__PURE__ */ new Map(), g[f("finalized")] = /* @__PURE__ */ new Map(), u?.({ ReactiveElement: g }), (l.reactiveElementVersions ??= []).push("2.1.2");
 
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/property.js
-var o3 = { attribute: true, type: String, converter: b, reflect: false, hasChanged: m };
-var r3 = (t7 = o3, e8, r8) => {
-  const { kind: n8, metadata: i7 } = r8;
-  let s9 = globalThis.litPropertyMetadata.get(i7);
-  if (void 0 === s9 && globalThis.litPropertyMetadata.set(i7, s9 = /* @__PURE__ */ new Map()), "setter" === n8 && ((t7 = Object.create(t7)).wrapped = true), s9.set(r8.name, t7), "accessor" === n8) {
-    const { name: o8 } = r8;
-    return { set(r9) {
-      const n9 = e8.get.call(this);
-      e8.set.call(this, r9), this.requestUpdate(o8, n9, t7, true, r9);
-    }, init(e9) {
-      return void 0 !== e9 && this.C(o8, void 0, t7, e9), e9;
-    } };
-  }
-  if ("setter" === n8) {
-    const { name: o8 } = r8;
-    return function(r9) {
-      const n9 = this[o8];
-      e8.call(this, r9), this.requestUpdate(o8, n9, t7, true, r9);
-    };
-  }
-  throw Error("Unsupported decorator location: " + n8);
-};
-function n4(t7) {
-  return (e8, o8) => "object" == typeof o8 ? r3(t7, e8, o8) : ((t8, e9, o9) => {
-    const r8 = e9.hasOwnProperty(o9);
-    return e9.constructor.createProperty(o9, t8), r8 ? Object.getOwnPropertyDescriptor(e9, o9) : void 0;
-  })(t7, e8, o8);
-}
-
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/state.js
-function r4(r8) {
-  return n4({ ...r8, state: true, attribute: false });
-}
-
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/base.js
-var e4 = (e8, t7, c6) => (c6.configurable = true, c6.enumerable = true, Reflect.decorate && "object" != typeof t7 && Object.defineProperty(e8, t7, c6), c6);
-
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/query.js
-function e5(e8, r8) {
-  return (n8, s9, i7) => {
-    const o8 = (t7) => t7.renderRoot?.querySelector(e8) ?? null;
-    if (r8) {
-      const { get: e9, set: r9 } = "object" == typeof s9 ? n8 : i7 ?? /* @__PURE__ */ (() => {
-        const t7 = /* @__PURE__ */ Symbol();
-        return { get() {
-          return this[t7];
-        }, set(e10) {
-          this[t7] = e10;
-        } };
-      })();
-      return e4(n8, s9, { get() {
-        let t7 = e9.call(this);
-        return void 0 === t7 && (t7 = o8(this), (null !== t7 || this.hasUpdated) && r9.call(this, t7)), t7;
-      } });
-    }
-    return e4(n8, s9, { get() {
-      return o8(this);
-    } });
-  };
-}
-
-// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/query-assigned-elements.js
-function o4(o8) {
-  return (e8, n8) => {
-    const { slot: r8, selector: s9 } = o8 ?? {}, c6 = "slot" + (r8 ? `[name=${r8}]` : ":not([name])");
-    return e4(e8, n8, { get() {
-      const t7 = this.renderRoot?.querySelector(c6), e9 = t7?.assignedElements(o8) ?? [];
-      return void 0 === s9 ? e9 : e9.filter((t8) => t8.matches(s9));
-    } });
-  };
-}
-
 // ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/lit-html.js
-var t4 = globalThis;
-var i3 = (t7) => t7;
-var s5 = t4.trustedTypes;
-var e6 = s5 ? s5.createPolicy("lit-html", { createHTML: (t7) => t7 }) : void 0;
+var t3 = globalThis;
+var i3 = (t4) => t4;
+var s5 = t3.trustedTypes;
+var e4 = s5 ? s5.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
 var h2 = "$lit$";
-var o5 = `lit$${Math.random().toFixed(9).slice(2)}$`;
-var n5 = "?" + o5;
-var r5 = `<${n5}>`;
-var l2 = void 0 === t4.document ? { createTreeWalker: () => ({}) } : document;
+var o3 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n4 = "?" + o3;
+var r3 = `<${n4}>`;
+var l2 = void 0 === t3.document ? { createTreeWalker: () => ({}) } : document;
 var c4 = () => l2.createComment("");
-var a2 = (t7) => null === t7 || "object" != typeof t7 && "function" != typeof t7;
+var a2 = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
 var u2 = Array.isArray;
-var d2 = (t7) => u2(t7) || "function" == typeof t7?.[Symbol.iterator];
+var d2 = (t4) => u2(t4) || "function" == typeof t4?.[Symbol.iterator];
 var f2 = "[ 	\n\f\r]";
 var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
 var _ = /-->/g;
@@ -1156,7 +1075,7 @@ var p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^
 var g2 = /'/g;
 var $ = /"/g;
 var y2 = /^(?:script|style|textarea|title)$/i;
-var x = (t7) => (i7, ...s9) => ({ _$litType$: t7, strings: i7, values: s9 });
+var x = (t4) => (i5, ...s7) => ({ _$litType$: t4, strings: i5, values: s7 });
 var T = x(1);
 var b2 = x(2);
 var w = x(3);
@@ -1164,68 +1083,68 @@ var E = /* @__PURE__ */ Symbol.for("lit-noChange");
 var A = /* @__PURE__ */ Symbol.for("lit-nothing");
 var C = /* @__PURE__ */ new WeakMap();
 var P = l2.createTreeWalker(l2, 129);
-function V(t7, i7) {
-  if (!u2(t7) || !t7.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== e6 ? e6.createHTML(i7) : i7;
+function V(t4, i5) {
+  if (!u2(t4) || !t4.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e4 ? e4.createHTML(i5) : i5;
 }
-var N = (t7, i7) => {
-  const s9 = t7.length - 1, e8 = [];
-  let n8, l3 = 2 === i7 ? "<svg>" : 3 === i7 ? "<math>" : "", c6 = v;
-  for (let i8 = 0; i8 < s9; i8++) {
-    const s10 = t7[i8];
-    let a3, u4, d3 = -1, f4 = 0;
-    for (; f4 < s10.length && (c6.lastIndex = f4, u4 = c6.exec(s10), null !== u4); ) f4 = c6.lastIndex, c6 === v ? "!--" === u4[1] ? c6 = _ : void 0 !== u4[1] ? c6 = m2 : void 0 !== u4[2] ? (y2.test(u4[2]) && (n8 = RegExp("</" + u4[2], "g")), c6 = p2) : void 0 !== u4[3] && (c6 = p2) : c6 === p2 ? ">" === u4[0] ? (c6 = n8 ?? v, d3 = -1) : void 0 === u4[1] ? d3 = -2 : (d3 = c6.lastIndex - u4[2].length, a3 = u4[1], c6 = void 0 === u4[3] ? p2 : '"' === u4[3] ? $ : g2) : c6 === $ || c6 === g2 ? c6 = p2 : c6 === _ || c6 === m2 ? c6 = v : (c6 = p2, n8 = void 0);
-    const x2 = c6 === p2 && t7[i8 + 1].startsWith("/>") ? " " : "";
-    l3 += c6 === v ? s10 + r5 : d3 >= 0 ? (e8.push(a3), s10.slice(0, d3) + h2 + s10.slice(d3) + o5 + x2) : s10 + o5 + (-2 === d3 ? i8 : x2);
-  }
-  return [V(t7, l3 + (t7[s9] || "<?>") + (2 === i7 ? "</svg>" : 3 === i7 ? "</math>" : "")), e8];
+var N = (t4, i5) => {
+  const s7 = t4.length - 1, e7 = [];
+  let n6, l3 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c5 = v;
+  for (let i6 = 0; i6 < s7; i6++) {
+    const s8 = t4[i6];
+    let a3, u3, d3 = -1, f3 = 0;
+    for (; f3 < s8.length && (c5.lastIndex = f3, u3 = c5.exec(s8), null !== u3); ) f3 = c5.lastIndex, c5 === v ? "!--" === u3[1] ? c5 = _ : void 0 !== u3[1] ? c5 = m2 : void 0 !== u3[2] ? (y2.test(u3[2]) && (n6 = RegExp("</" + u3[2], "g")), c5 = p2) : void 0 !== u3[3] && (c5 = p2) : c5 === p2 ? ">" === u3[0] ? (c5 = n6 ?? v, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c5.lastIndex - u3[2].length, a3 = u3[1], c5 = void 0 === u3[3] ? p2 : '"' === u3[3] ? $ : g2) : c5 === $ || c5 === g2 ? c5 = p2 : c5 === _ || c5 === m2 ? c5 = v : (c5 = p2, n6 = void 0);
+    const x2 = c5 === p2 && t4[i6 + 1].startsWith("/>") ? " " : "";
+    l3 += c5 === v ? s8 + r3 : d3 >= 0 ? (e7.push(a3), s8.slice(0, d3) + h2 + s8.slice(d3) + o3 + x2) : s8 + o3 + (-2 === d3 ? i6 : x2);
+  }
+  return [V(t4, l3 + (t4[s7] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), e7];
 };
 var S2 = class _S {
-  constructor({ strings: t7, _$litType$: i7 }, e8) {
-    let r8;
+  constructor({ strings: t4, _$litType$: i5 }, e7) {
+    let r6;
     this.parts = [];
     let l3 = 0, a3 = 0;
-    const u4 = t7.length - 1, d3 = this.parts, [f4, v3] = N(t7, i7);
-    if (this.el = _S.createElement(f4, e8), P.currentNode = this.el.content, 2 === i7 || 3 === i7) {
-      const t8 = this.el.content.firstChild;
-      t8.replaceWith(...t8.childNodes);
-    }
-    for (; null !== (r8 = P.nextNode()) && d3.length < u4; ) {
-      if (1 === r8.nodeType) {
-        if (r8.hasAttributes()) for (const t8 of r8.getAttributeNames()) if (t8.endsWith(h2)) {
-          const i8 = v3[a3++], s9 = r8.getAttribute(t8).split(o5), e9 = /([.?@])?(.*)/.exec(i8);
-          d3.push({ type: 1, index: l3, name: e9[2], strings: s9, ctor: "." === e9[1] ? I : "?" === e9[1] ? L : "@" === e9[1] ? z : H }), r8.removeAttribute(t8);
-        } else t8.startsWith(o5) && (d3.push({ type: 6, index: l3 }), r8.removeAttribute(t8));
-        if (y2.test(r8.tagName)) {
-          const t8 = r8.textContent.split(o5), i8 = t8.length - 1;
-          if (i8 > 0) {
-            r8.textContent = s5 ? s5.emptyScript : "";
-            for (let s9 = 0; s9 < i8; s9++) r8.append(t8[s9], c4()), P.nextNode(), d3.push({ type: 2, index: ++l3 });
-            r8.append(t8[i8], c4());
+    const u3 = t4.length - 1, d3 = this.parts, [f3, v2] = N(t4, i5);
+    if (this.el = _S.createElement(f3, e7), P.currentNode = this.el.content, 2 === i5 || 3 === i5) {
+      const t5 = this.el.content.firstChild;
+      t5.replaceWith(...t5.childNodes);
+    }
+    for (; null !== (r6 = P.nextNode()) && d3.length < u3; ) {
+      if (1 === r6.nodeType) {
+        if (r6.hasAttributes()) for (const t5 of r6.getAttributeNames()) if (t5.endsWith(h2)) {
+          const i6 = v2[a3++], s7 = r6.getAttribute(t5).split(o3), e8 = /([.?@])?(.*)/.exec(i6);
+          d3.push({ type: 1, index: l3, name: e8[2], strings: s7, ctor: "." === e8[1] ? I : "?" === e8[1] ? L : "@" === e8[1] ? z : H }), r6.removeAttribute(t5);
+        } else t5.startsWith(o3) && (d3.push({ type: 6, index: l3 }), r6.removeAttribute(t5));
+        if (y2.test(r6.tagName)) {
+          const t5 = r6.textContent.split(o3), i6 = t5.length - 1;
+          if (i6 > 0) {
+            r6.textContent = s5 ? s5.emptyScript : "";
+            for (let s7 = 0; s7 < i6; s7++) r6.append(t5[s7], c4()), P.nextNode(), d3.push({ type: 2, index: ++l3 });
+            r6.append(t5[i6], c4());
           }
         }
-      } else if (8 === r8.nodeType) if (r8.data === n5) d3.push({ type: 2, index: l3 });
+      } else if (8 === r6.nodeType) if (r6.data === n4) d3.push({ type: 2, index: l3 });
       else {
-        let t8 = -1;
-        for (; -1 !== (t8 = r8.data.indexOf(o5, t8 + 1)); ) d3.push({ type: 7, index: l3 }), t8 += o5.length - 1;
+        let t5 = -1;
+        for (; -1 !== (t5 = r6.data.indexOf(o3, t5 + 1)); ) d3.push({ type: 7, index: l3 }), t5 += o3.length - 1;
       }
       l3++;
     }
   }
-  static createElement(t7, i7) {
-    const s9 = l2.createElement("template");
-    return s9.innerHTML = t7, s9;
+  static createElement(t4, i5) {
+    const s7 = l2.createElement("template");
+    return s7.innerHTML = t4, s7;
   }
 };
-function M(t7, i7, s9 = t7, e8) {
-  if (i7 === E) return i7;
-  let h5 = void 0 !== e8 ? s9._$Co?.[e8] : s9._$Cl;
-  const o8 = a2(i7) ? void 0 : i7._$litDirective$;
-  return h5?.constructor !== o8 && (h5?._$AO?.(false), void 0 === o8 ? h5 = void 0 : (h5 = new o8(t7), h5._$AT(t7, s9, e8)), void 0 !== e8 ? (s9._$Co ??= [])[e8] = h5 : s9._$Cl = h5), void 0 !== h5 && (i7 = M(t7, h5._$AS(t7, i7.values), h5, e8)), i7;
+function M(t4, i5, s7 = t4, e7) {
+  if (i5 === E) return i5;
+  let h3 = void 0 !== e7 ? s7._$Co?.[e7] : s7._$Cl;
+  const o7 = a2(i5) ? void 0 : i5._$litDirective$;
+  return h3?.constructor !== o7 && (h3?._$AO?.(false), void 0 === o7 ? h3 = void 0 : (h3 = new o7(t4), h3._$AT(t4, s7, e7)), void 0 !== e7 ? (s7._$Co ??= [])[e7] = h3 : s7._$Cl = h3), void 0 !== h3 && (i5 = M(t4, h3._$AS(t4, i5.values), h3, e7)), i5;
 }
 var k = class {
-  constructor(t7, i7) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t7, this._$AM = i7;
+  constructor(t4, i5) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i5;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -1233,35 +1152,35 @@ var k = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  u(t7) {
-    const { el: { content: i7 }, parts: s9 } = this._$AD, e8 = (t7?.creationScope ?? l2).importNode(i7, true);
-    P.currentNode = e8;
-    let h5 = P.nextNode(), o8 = 0, n8 = 0, r8 = s9[0];
-    for (; void 0 !== r8; ) {
-      if (o8 === r8.index) {
-        let i8;
-        2 === r8.type ? i8 = new R(h5, h5.nextSibling, this, t7) : 1 === r8.type ? i8 = new r8.ctor(h5, r8.name, r8.strings, this, t7) : 6 === r8.type && (i8 = new W(h5, this, t7)), this._$AV.push(i8), r8 = s9[++n8];
+  u(t4) {
+    const { el: { content: i5 }, parts: s7 } = this._$AD, e7 = (t4?.creationScope ?? l2).importNode(i5, true);
+    P.currentNode = e7;
+    let h3 = P.nextNode(), o7 = 0, n6 = 0, r6 = s7[0];
+    for (; void 0 !== r6; ) {
+      if (o7 === r6.index) {
+        let i6;
+        2 === r6.type ? i6 = new R(h3, h3.nextSibling, this, t4) : 1 === r6.type ? i6 = new r6.ctor(h3, r6.name, r6.strings, this, t4) : 6 === r6.type && (i6 = new W(h3, this, t4)), this._$AV.push(i6), r6 = s7[++n6];
       }
-      o8 !== r8?.index && (h5 = P.nextNode(), o8++);
+      o7 !== r6?.index && (h3 = P.nextNode(), o7++);
     }
-    return P.currentNode = l2, e8;
+    return P.currentNode = l2, e7;
   }
-  p(t7) {
-    let i7 = 0;
-    for (const s9 of this._$AV) void 0 !== s9 && (void 0 !== s9.strings ? (s9._$AI(t7, s9, i7), i7 += s9.strings.length - 2) : s9._$AI(t7[i7])), i7++;
+  p(t4) {
+    let i5 = 0;
+    for (const s7 of this._$AV) void 0 !== s7 && (void 0 !== s7.strings ? (s7._$AI(t4, s7, i5), i5 += s7.strings.length - 2) : s7._$AI(t4[i5])), i5++;
   }
 };
 var R = class _R {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t7, i7, s9, e8) {
-    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t7, this._$AB = i7, this._$AM = s9, this.options = e8, this._$Cv = e8?.isConnected ?? true;
+  constructor(t4, i5, s7, e7) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t4, this._$AB = i5, this._$AM = s7, this.options = e7, this._$Cv = e7?.isConnected ?? true;
   }
   get parentNode() {
-    let t7 = this._$AA.parentNode;
-    const i7 = this._$AM;
-    return void 0 !== i7 && 11 === t7?.nodeType && (t7 = i7.parentNode), t7;
+    let t4 = this._$AA.parentNode;
+    const i5 = this._$AM;
+    return void 0 !== i5 && 11 === t4?.nodeType && (t4 = i5.parentNode), t4;
   }
   get startNode() {
     return this._$AA;
@@ -1269,45 +1188,45 @@ var R = class _R {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t7, i7 = this) {
-    t7 = M(this, t7, i7), a2(t7) ? t7 === A || null == t7 || "" === t7 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t7 !== this._$AH && t7 !== E && this._(t7) : void 0 !== t7._$litType$ ? this.$(t7) : void 0 !== t7.nodeType ? this.T(t7) : d2(t7) ? this.k(t7) : this._(t7);
+  _$AI(t4, i5 = this) {
+    t4 = M(this, t4, i5), a2(t4) ? t4 === A || null == t4 || "" === t4 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t4 !== this._$AH && t4 !== E && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : d2(t4) ? this.k(t4) : this._(t4);
   }
-  O(t7) {
-    return this._$AA.parentNode.insertBefore(t7, this._$AB);
+  O(t4) {
+    return this._$AA.parentNode.insertBefore(t4, this._$AB);
   }
-  T(t7) {
-    this._$AH !== t7 && (this._$AR(), this._$AH = this.O(t7));
+  T(t4) {
+    this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
   }
-  _(t7) {
-    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t7 : this.T(l2.createTextNode(t7)), this._$AH = t7;
+  _(t4) {
+    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(l2.createTextNode(t4)), this._$AH = t4;
   }
-  $(t7) {
-    const { values: i7, _$litType$: s9 } = t7, e8 = "number" == typeof s9 ? this._$AC(t7) : (void 0 === s9.el && (s9.el = S2.createElement(V(s9.h, s9.h[0]), this.options)), s9);
-    if (this._$AH?._$AD === e8) this._$AH.p(i7);
+  $(t4) {
+    const { values: i5, _$litType$: s7 } = t4, e7 = "number" == typeof s7 ? this._$AC(t4) : (void 0 === s7.el && (s7.el = S2.createElement(V(s7.h, s7.h[0]), this.options)), s7);
+    if (this._$AH?._$AD === e7) this._$AH.p(i5);
     else {
-      const t8 = new k(e8, this), s10 = t8.u(this.options);
-      t8.p(i7), this.T(s10), this._$AH = t8;
+      const t5 = new k(e7, this), s8 = t5.u(this.options);
+      t5.p(i5), this.T(s8), this._$AH = t5;
     }
   }
-  _$AC(t7) {
-    let i7 = C.get(t7.strings);
-    return void 0 === i7 && C.set(t7.strings, i7 = new S2(t7)), i7;
+  _$AC(t4) {
+    let i5 = C.get(t4.strings);
+    return void 0 === i5 && C.set(t4.strings, i5 = new S2(t4)), i5;
   }
-  k(t7) {
+  k(t4) {
     u2(this._$AH) || (this._$AH = [], this._$AR());
-    const i7 = this._$AH;
-    let s9, e8 = 0;
-    for (const h5 of t7) e8 === i7.length ? i7.push(s9 = new _R(this.O(c4()), this.O(c4()), this, this.options)) : s9 = i7[e8], s9._$AI(h5), e8++;
-    e8 < i7.length && (this._$AR(s9 && s9._$AB.nextSibling, e8), i7.length = e8);
-  }
-  _$AR(t7 = this._$AA.nextSibling, s9) {
-    for (this._$AP?.(false, true, s9); t7 !== this._$AB; ) {
-      const s10 = i3(t7).nextSibling;
-      i3(t7).remove(), t7 = s10;
+    const i5 = this._$AH;
+    let s7, e7 = 0;
+    for (const h3 of t4) e7 === i5.length ? i5.push(s7 = new _R(this.O(c4()), this.O(c4()), this, this.options)) : s7 = i5[e7], s7._$AI(h3), e7++;
+    e7 < i5.length && (this._$AR(s7 && s7._$AB.nextSibling, e7), i5.length = e7);
+  }
+  _$AR(t4 = this._$AA.nextSibling, s7) {
+    for (this._$AP?.(false, true, s7); t4 !== this._$AB; ) {
+      const s8 = i3(t4).nextSibling;
+      i3(t4).remove(), t4 = s8;
     }
   }
-  setConnected(t7) {
-    void 0 === this._$AM && (this._$Cv = t7, this._$AP?.(t7));
+  setConnected(t4) {
+    void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
   }
 };
 var H = class {
@@ -1317,75 +1236,75 @@ var H = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t7, i7, s9, e8, h5) {
-    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t7, this.name = i7, this._$AM = e8, this.options = h5, s9.length > 2 || "" !== s9[0] || "" !== s9[1] ? (this._$AH = Array(s9.length - 1).fill(new String()), this.strings = s9) : this._$AH = A;
+  constructor(t4, i5, s7, e7, h3) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t4, this.name = i5, this._$AM = e7, this.options = h3, s7.length > 2 || "" !== s7[0] || "" !== s7[1] ? (this._$AH = Array(s7.length - 1).fill(new String()), this.strings = s7) : this._$AH = A;
   }
-  _$AI(t7, i7 = this, s9, e8) {
-    const h5 = this.strings;
-    let o8 = false;
-    if (void 0 === h5) t7 = M(this, t7, i7, 0), o8 = !a2(t7) || t7 !== this._$AH && t7 !== E, o8 && (this._$AH = t7);
+  _$AI(t4, i5 = this, s7, e7) {
+    const h3 = this.strings;
+    let o7 = false;
+    if (void 0 === h3) t4 = M(this, t4, i5, 0), o7 = !a2(t4) || t4 !== this._$AH && t4 !== E, o7 && (this._$AH = t4);
     else {
-      const e9 = t7;
-      let n8, r8;
-      for (t7 = h5[0], n8 = 0; n8 < h5.length - 1; n8++) r8 = M(this, e9[s9 + n8], i7, n8), r8 === E && (r8 = this._$AH[n8]), o8 ||= !a2(r8) || r8 !== this._$AH[n8], r8 === A ? t7 = A : t7 !== A && (t7 += (r8 ?? "") + h5[n8 + 1]), this._$AH[n8] = r8;
+      const e8 = t4;
+      let n6, r6;
+      for (t4 = h3[0], n6 = 0; n6 < h3.length - 1; n6++) r6 = M(this, e8[s7 + n6], i5, n6), r6 === E && (r6 = this._$AH[n6]), o7 ||= !a2(r6) || r6 !== this._$AH[n6], r6 === A ? t4 = A : t4 !== A && (t4 += (r6 ?? "") + h3[n6 + 1]), this._$AH[n6] = r6;
     }
-    o8 && !e8 && this.j(t7);
+    o7 && !e7 && this.j(t4);
   }
-  j(t7) {
-    t7 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t7 ?? "");
+  j(t4) {
+    t4 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
   }
 };
 var I = class extends H {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  j(t7) {
-    this.element[this.name] = t7 === A ? void 0 : t7;
+  j(t4) {
+    this.element[this.name] = t4 === A ? void 0 : t4;
   }
 };
 var L = class extends H {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  j(t7) {
-    this.element.toggleAttribute(this.name, !!t7 && t7 !== A);
+  j(t4) {
+    this.element.toggleAttribute(this.name, !!t4 && t4 !== A);
   }
 };
 var z = class extends H {
-  constructor(t7, i7, s9, e8, h5) {
-    super(t7, i7, s9, e8, h5), this.type = 5;
+  constructor(t4, i5, s7, e7, h3) {
+    super(t4, i5, s7, e7, h3), this.type = 5;
   }
-  _$AI(t7, i7 = this) {
-    if ((t7 = M(this, t7, i7, 0) ?? A) === E) return;
-    const s9 = this._$AH, e8 = t7 === A && s9 !== A || t7.capture !== s9.capture || t7.once !== s9.once || t7.passive !== s9.passive, h5 = t7 !== A && (s9 === A || e8);
-    e8 && this.element.removeEventListener(this.name, this, s9), h5 && this.element.addEventListener(this.name, this, t7), this._$AH = t7;
+  _$AI(t4, i5 = this) {
+    if ((t4 = M(this, t4, i5, 0) ?? A) === E) return;
+    const s7 = this._$AH, e7 = t4 === A && s7 !== A || t4.capture !== s7.capture || t4.once !== s7.once || t4.passive !== s7.passive, h3 = t4 !== A && (s7 === A || e7);
+    e7 && this.element.removeEventListener(this.name, this, s7), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
   }
-  handleEvent(t7) {
-    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t7) : this._$AH.handleEvent(t7);
+  handleEvent(t4) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
   }
 };
 var W = class {
-  constructor(t7, i7, s9) {
-    this.element = t7, this.type = 6, this._$AN = void 0, this._$AM = i7, this.options = s9;
+  constructor(t4, i5, s7) {
+    this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s7;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t7) {
-    M(this, t7);
+  _$AI(t4) {
+    M(this, t4);
   }
 };
-var Z = { M: h2, P: o5, A: n5, C: 1, L: N, R: k, D: d2, V: M, I: R, H, N: L, U: z, B: I, F: W };
-var j = t4.litHtmlPolyfillSupport;
-j?.(S2, R), (t4.litHtmlVersions ??= []).push("3.3.2");
-var B = (t7, i7, s9) => {
-  const e8 = s9?.renderBefore ?? i7;
-  let h5 = e8._$litPart$;
-  if (void 0 === h5) {
-    const t8 = s9?.renderBefore ?? null;
-    e8._$litPart$ = h5 = new R(i7.insertBefore(c4(), t8), t8, void 0, s9 ?? {});
-  }
-  return h5._$AI(t7), h5;
+var Z = { M: h2, P: o3, A: n4, C: 1, L: N, R: k, D: d2, V: M, I: R, H, N: L, U: z, B: I, F: W };
+var j = t3.litHtmlPolyfillSupport;
+j?.(S2, R), (t3.litHtmlVersions ??= []).push("3.3.2");
+var B = (t4, i5, s7) => {
+  const e7 = s7?.renderBefore ?? i5;
+  let h3 = e7._$litPart$;
+  if (void 0 === h3) {
+    const t5 = s7?.renderBefore ?? null;
+    e7._$litPart$ = h3 = new R(i5.insertBefore(c4(), t5), t5, void 0, s7 ?? {});
+  }
+  return h3._$AI(t4), h3;
 };
 
 // ../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js
@@ -1395,12 +1314,12 @@ var i4 = class extends g {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    const t7 = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t7.firstChild, t7;
+    const t4 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t4.firstChild, t4;
   }
-  update(t7) {
-    const r8 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t7), this._$Do = B(r8, this.renderRoot, this.renderOptions);
+  update(t4) {
+    const r6 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t4), this._$Do = B(r6, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(true);
@@ -1413,321 +1332,164 @@ var i4 = class extends g {
   }
 };
 i4._$litElement$ = true, i4["finalized"] = true, s6.litElementHydrateSupport?.({ LitElement: i4 });
-var o6 = s6.litElementPolyfillSupport;
-o6?.({ LitElement: i4 });
+var o4 = s6.litElementPolyfillSupport;
+o4?.({ LitElement: i4 });
 (s6.litElementVersions ??= []).push("4.2.2");
 
-// ../qti-utilities/src/decorators/watch.ts
-function watch(propertyName, options) {
-  const resolvedOptions = {
-    waitUntilFirstUpdate: false,
-    ...options
-  };
-  return (proto, decoratedFnName) => {
-    const { update } = proto;
-    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
-    proto.update = function(changedProps) {
-      watchedProperties.forEach((property) => {
-        const key = property;
-        if (changedProps.has(key)) {
-          const oldValue = changedProps.get(key);
-          const newValue = this[key];
-          if (oldValue !== newValue) {
-            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
-              this[decoratedFnName](oldValue, newValue);
-            }
-          }
-        }
-      });
-      update.call(this, changedProps);
-    };
-  };
-}
-
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directive.js
-var t5 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
-var e7 = (t7) => (...e8) => ({ _$litDirective$: t7, values: e8 });
-var i5 = class {
-  constructor(t7) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
+// ../qti-base/dist/styles/box-sizing.styles.js
+var boxSizing = i2`
+  :host {
+    box-sizing: border-box;
   }
-  _$AT(t7, e8, i7) {
-    this._$Ct = t7, this._$AM = e8, this._$Ci = i7;
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: inherit;
   }
-  _$AS(t7, e8) {
-    return this.update(t7, e8);
+`;
+
+// ../qti-base/dist/styles/drop-region.styles.js
+var dropRegion = i2`
+  [part~='drop'] {
+    /*
+     * The one deliberate opt-out from the border-box reset.
+     *
+     * --qti-dropzone-min-* is the border-box of the largest chip, and what has to hold that chip is
+     * this region's *content* area. Under border-box a theme's dashed drop border is subtracted
+     * from the chip's own size, the content comes up short, and the drop grows the moment a chip
+     * lands in it. Order's drop did exactly that: 64px empty, 66px full, for a 1px border.
+     */
+    box-sizing: content-box;
+
+    /*
+     * No padding, and no token for one.
+     *
+     * A drop reserves --qti-dropzone-min-*, which is the chip's BORDER-box, as this region's CONTENT
+     * area — so the chip already fits exactly, with nothing to spare and nothing squeezed. An inset
+     * on top would only make the drop bigger than the thing it holds.
+     *
+     * There was a 1px one, to make the drop read as a frame a hair outside the chip. It never painted:
+     * an EMPTY slot has nothing inside the inset to separate from, and a FILLED one hides its edge
+     * (DROP-SIZING.md §4), so both states spent 2px on an invisible ring. The one drop that genuinely
+     * wants breathing room — match's category card — declares padding on its own rule, which a
+     * theme reaches with ::part(drop). A token in between bought nothing.
+     */
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: flex-start;
+    /* No gap either: 0 is the flex initial value, so the declaration only existed to host a token.
+       A drop that wants space between chips sets gap on its own rule. */
+    /* Containing block for anything a theme draws over the drop. Was 'position: relative' in the
+       theme's 'drop' mixin, which put a document stylesheet in charge of a shadow node's position. */
+    position: relative;
   }
-  update(t7, e8) {
-    return this.render(...e8);
+
+  [part~='drop'] > * {
+    flex: 0 1 auto;
+    align-self: flex-start;
   }
-};
+`;
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/directive-helpers.js
-var { I: t6 } = Z;
-var i6 = (o8) => o8;
-var n6 = (o8) => null === o8 || "object" != typeof o8 && "function" != typeof o8;
-var r6 = (o8) => void 0 === o8.strings;
-var s7 = () => document.createComment("");
-var v2 = (o8, n8, e8) => {
-  const l3 = o8._$AA.parentNode, d3 = void 0 === n8 ? o8._$AB : n8._$AA;
-  if (void 0 === e8) {
-    const i7 = l3.insertBefore(s7(), d3), n9 = l3.insertBefore(s7(), d3);
-    e8 = new t6(i7, n9, o8, o8.options);
-  } else {
-    const t7 = e8._$AB.nextSibling, n9 = e8._$AM, c6 = n9 !== o8;
-    if (c6) {
-      let t8;
-      e8._$AQ?.(o8), e8._$AM = o8, void 0 !== e8._$AP && (t8 = o8._$AU) !== n9._$AU && e8._$AP(t8);
-    }
-    if (t7 !== d3 || c6) {
-      let o9 = e8._$AA;
-      for (; o9 !== t7; ) {
-        const t8 = i6(o9).nextSibling;
-        i6(l3).insertBefore(o9, d3), o9 = t8;
-      }
-    }
+// ../qti-base/dist/styles/validation-message.styles.js
+var validationMessage = i2`
+  [part~='message'] {
+    display: none;
   }
-  return e8;
-};
-var u3 = (o8, t7, i7 = o8) => (o8._$AI(t7, i7), o8);
-var m3 = {};
-var p3 = (o8, t7 = m3) => o8._$AH = t7;
-var M2 = (o8) => o8._$AH;
-var h3 = (o8) => {
-  o8._$AR(), o8._$AA.remove();
-};
+`;
 
-// ../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/node/async-directive.js
-var s8 = (i7, t7) => {
-  const e8 = i7._$AN;
-  if (void 0 === e8) return false;
-  for (const i8 of e8) i8._$AO?.(t7, false), s8(i8, t7);
-  return true;
-};
-var o7 = (i7) => {
-  let t7, e8;
-  do {
-    if (void 0 === (t7 = i7._$AM)) break;
-    e8 = t7._$AN, e8.delete(i7), i7 = t7;
-  } while (0 === e8?.size);
-};
-var r7 = (i7) => {
-  for (let t7; t7 = i7._$AM; i7 = t7) {
-    let e8 = t7._$AN;
-    if (void 0 === e8) t7._$AN = e8 = /* @__PURE__ */ new Set();
-    else if (e8.has(i7)) break;
-    e8.add(i7), c5(t7);
+// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/property.js
+var o5 = { attribute: true, type: String, converter: b, reflect: false, hasChanged: m };
+var r4 = (t4 = o5, e7, r6) => {
+  const { kind: n6, metadata: i5 } = r6;
+  let s7 = globalThis.litPropertyMetadata.get(i5);
+  if (void 0 === s7 && globalThis.litPropertyMetadata.set(i5, s7 = /* @__PURE__ */ new Map()), "setter" === n6 && ((t4 = Object.create(t4)).wrapped = true), s7.set(r6.name, t4), "accessor" === n6) {
+    const { name: o7 } = r6;
+    return { set(r7) {
+      const n7 = e7.get.call(this);
+      e7.set.call(this, r7), this.requestUpdate(o7, n7, t4, true, r7);
+    }, init(e8) {
+      return void 0 !== e8 && this.C(o7, void 0, t4, e8), e8;
+    } };
+  }
+  if ("setter" === n6) {
+    const { name: o7 } = r6;
+    return function(r7) {
+      const n7 = this[o7];
+      e7.call(this, r7), this.requestUpdate(o7, n7, t4, true, r7);
+    };
   }
+  throw Error("Unsupported decorator location: " + n6);
 };
-function h4(i7) {
-  void 0 !== this._$AN ? (o7(this), this._$AM = i7, r7(this)) : this._$AM = i7;
+function n5(t4) {
+  return (e7, o7) => "object" == typeof o7 ? r4(t4, e7, o7) : ((t5, e8, o8) => {
+    const r6 = e8.hasOwnProperty(o8);
+    return e8.constructor.createProperty(o8, t5), r6 ? Object.getOwnPropertyDescriptor(e8, o8) : void 0;
+  })(t4, e7, o7);
 }
-function n7(i7, t7 = false, e8 = 0) {
-  const r8 = this._$AH, h5 = this._$AN;
-  if (void 0 !== h5 && 0 !== h5.size) if (t7) if (Array.isArray(r8)) for (let i8 = e8; i8 < r8.length; i8++) s8(r8[i8], false), o7(r8[i8]);
-  else null != r8 && (s8(r8, false), o7(r8));
-  else s8(this, i7);
+
+// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/state.js
+function r5(r6) {
+  return n5({ ...r6, state: true, attribute: false });
 }
-var c5 = (i7) => {
-  i7.type == t5.CHILD && (i7._$AP ??= n7, i7._$AQ ??= h4);
-};
-var f3 = class extends i5 {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i7, t7, e8) {
-    super._$AT(i7, t7, e8), r7(this), this.isConnected = i7._$AU;
-  }
-  _$AO(i7, t7 = true) {
-    i7 !== this.isConnected && (this.isConnected = i7, i7 ? this.reconnected?.() : this.disconnected?.()), t7 && (s8(this, i7), o7(this));
-  }
-  setValue(t7) {
-    if (r6(this._$Ct)) this._$Ct._$AI(t7, this);
-    else {
-      const i7 = [...this._$Ct._$AH];
-      i7[this._$Ci] = t7, this._$Ct._$AI(i7, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
 
-// ../qti-utilities/src/directives/spread-args.ts
-var SpreadArgsDirective = class extends f3 {
-  constructor() {
-    super(...arguments);
-    this.prevData = {};
-  }
-  render(_spreadData) {
-    return A;
-  }
-  update(part, [spreadData]) {
-    if (this.element !== part.element) {
-      this.element = part.element;
-    }
-    this.host = part.options?.host || this.element;
-    this.apply(spreadData);
-    this.groom(spreadData);
-    this.prevData = { ...spreadData };
-    return A;
-  }
-  apply(data) {
-    const filteredData = this.#filterArgs(data);
-    const { prevData, element } = this;
-    for (const key in filteredData) {
-      const value = filteredData[key];
-      if (value === prevData[key]) {
-        continue;
-      }
-      if (value === true) {
-        element.setAttribute(key, "");
-      } else if (value === false) {
-        element.removeAttribute(key);
-      } else if (value != null) {
-        element.setAttribute(key, String(value));
-      } else {
-        element.removeAttribute(key);
-      }
-    }
-  }
-  groom(data) {
-    const { prevData, element } = this;
-    if (!prevData) return;
-    const filteredData = data ? this.#filterArgs(data) : {};
-    for (const key in prevData) {
-      if (!filteredData || !(key in filteredData)) {
-        element.removeAttribute(key);
-      }
+// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/base.js
+var e5 = (e7, t4, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t4 && Object.defineProperty(e7, t4, c5), c5);
+
+// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/query.js
+function e6(e7, r6) {
+  return (n6, s7, i5) => {
+    const o7 = (t4) => t4.renderRoot?.querySelector(e7) ?? null;
+    if (r6) {
+      const { get: e8, set: r7 } = "object" == typeof s7 ? n6 : i5 ?? /* @__PURE__ */ (() => {
+        const t4 = /* @__PURE__ */ Symbol();
+        return { get() {
+          return this[t4];
+        }, set(e9) {
+          this[t4] = e9;
+        } };
+      })();
+      return e5(n6, s7, { get() {
+        let t4 = e8.call(this);
+        return void 0 === t4 && (t4 = o7(this), (null !== t4 || this.hasUpdated) && r7.call(this, t4)), t4;
+      } });
     }
-  }
-  #filterArgs(args) {
-    return Object.fromEntries(
-      Object.entries(args).filter(([key, value]) => {
-        if (typeof value === "function") {
-          return false;
-        }
-        if (key === "max-choices" && value === 0) {
-          return true;
-        }
-        if (value === "" || value === null || value === void 0) {
-          return false;
-        }
-        return true;
-      })
-    );
-  }
-};
-var spreadArgs = e7(SpreadArgsDirective);
+    return e5(n6, s7, { get() {
+      return o7(this);
+    } });
+  };
+}
 
-// ../qti-base/src/abstract/interaction.ts
-var Correctness = /* @__PURE__ */ ((Correctness2) => {
-  Correctness2["Correct"] = "correct";
-  Correctness2["PartiallyCorrect"] = "partially-correct";
-  Correctness2["Incorrect"] = "incorrect";
-  return Correctness2;
-})(Correctness || {});
+// ../../node_modules/.pnpm/@lit+reactive-element@2.1.2/node_modules/@lit/reactive-element/node/decorators/query-assigned-elements.js
+function o6(o7) {
+  return (e7, n6) => {
+    const { slot: r6, selector: s7 } = o7 ?? {}, c5 = "slot" + (r6 ? `[name=${r6}]` : ":not([name])");
+    return e5(e7, n6, { get() {
+      const t4 = this.renderRoot?.querySelector(c5), e8 = t4?.assignedElements(o7) ?? [];
+      return void 0 === s7 ? e8 : e8.filter((t5) => t5.matches(s7));
+    } });
+  };
+}
+
+// ../qti-base/dist/abstract/interaction.js
+var __decorate = function(decorators, target, key, desc) {
+  var c5 = arguments.length, r6 = c5 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r6 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i5 = decorators.length - 1; i5 >= 0; i5--) if (d3 = decorators[i5]) r6 = (c5 < 3 ? d3(r6) : c5 > 3 ? d3(target, key, r6) : d3(target, key)) || r6;
+  return c5 > 3 && r6 && Object.defineProperty(target, key, r6), r6;
+};
 var Interaction = class extends i4 {
-  constructor() {
-    super();
-    this.disabled = false;
-    this.readonly = false;
-    this.showCorrectResponse = false;
-    this._handleShowCorrectResponseChange = (_2, show) => {
-      this.toggleInternalCorrectResponse(show);
-    };
-    this.showFullCorrectResponse = false;
-    this._handleShowFullCorrectResponseChange = (_2, show) => {
-      this.toggleFullCorrectResponse(show);
-    };
-    this.showCandidateCorrection = false;
-    this._handleShowCandidateCorrectionChange = (_2, show) => {
-      this.toggleCandidateCorrection(show);
-    };
-    this._correctResponse = null;
-    this._internals = this.attachInternals();
-  }
+  #didLogDisableAfterIfMaxChoicesReachedDeprecation;
   static {
     this.formAssociated = true;
   }
   get internals() {
     return this._internals;
   }
-  set correctResponseAttr(val) {
-    if (val === null) {
-      this._correctResponse = null;
-    } else if (val.includes(",")) {
-      this._correctResponse = val.split(",").map((v3) => v3.trim());
-    } else {
-      this._correctResponse = val;
-    }
-  }
-  get correctResponseAttr() {
-    if (this._correctResponse === null || this._correctResponse === void 0) {
-      return null;
-    }
-    return Array.isArray(this._correctResponse) ? this._correctResponse.join(",") : this._correctResponse;
-  }
-  get isFullCorrectResponse() {
-    return this._isFullCorrectResponse;
-  }
-  set isFullCorrectResponse(val) {
-    this._isFullCorrectResponse = val;
-    if (val) {
-      this.disabled = true;
-      this.setAttribute("inert", "");
-      this.setAttribute("response-identifier", this.responseIdentifier + "_cr");
-    }
-  }
-  /**
-   * Get/set correct response programmatically.
-   * This property syncs with the `correct-response` attribute.
-   */
-  get correctResponse() {
-    const responseVariable = this.responseVariable;
-    if (responseVariable?.correctResponse) {
-      return responseVariable.correctResponse;
-    }
-    return this._correctResponse;
-  }
-  set correctResponse(val) {
-    const oldVal = this._correctResponse;
-    this._correctResponse = val;
-    if (val === null || val === void 0) {
-      this.removeAttribute("correct-response");
-    } else {
-      this.setAttribute("correct-response", Array.isArray(val) ? val.join(",") : val);
-    }
-    this.requestUpdate("_correctResponse", oldVal);
-  }
-  /**
-   * Returns the correctness of the current response compared to correct response.
-   * Works in both standalone mode (using `correct-response` attribute) and
-   * item context mode (using responseVariable).
-   */
-  get correctness() {
-    const correctResponse = this.correctResponse;
-    if (!correctResponse) return null;
-    const currentResponse = this.response;
-    if (currentResponse === null || currentResponse === void 0 || currentResponse === "" || Array.isArray(currentResponse) && currentResponse.length === 0) {
-      return null;
-    }
-    const correctArr = Array.isArray(correctResponse) ? correctResponse : [correctResponse];
-    const responseArr = Array.isArray(currentResponse) ? currentResponse : [currentResponse];
-    const filteredResponseArr = responseArr.filter((r8) => r8 !== "");
-    if (filteredResponseArr.length === 0) return null;
-    const correctCount = filteredResponseArr.filter((r8) => correctArr.includes(r8)).length;
-    const incorrectCount = filteredResponseArr.filter((r8) => !correctArr.includes(r8)).length;
-    if (correctCount === correctArr.length && incorrectCount === 0 && filteredResponseArr.length === correctArr.length) {
-      return "correct" /* Correct */;
-    }
-    if (correctCount > 0 && (correctCount < correctArr.length || incorrectCount > 0)) {
-      return "partially-correct" /* PartiallyCorrect */;
-    }
-    return "incorrect" /* Incorrect */;
+  /** Extension point used by wrappers that should not register as candidate inputs. */
+  get registersWithItem() {
+    return true;
   }
   get isInline() {
     return false;
@@ -1736,200 +1498,163 @@ var Interaction = class extends i4 {
     if (!this._context?.variables) {
       return void 0;
     }
-    const responseVariables = this._context.variables.filter((v3) => v3.type === "response");
+    const responseVariables = this._context.variables.filter((v2) => v2.type === "response");
     const responseIdentifier = this.getAttribute("response-identifier");
-    return responseVariables.find((v3) => v3.identifier === responseIdentifier);
+    return responseVariables.find((v2) => v2.identifier === responseIdentifier);
   }
-  toggleCorrectResponse(show) {
-    const correctResponseMode = this?.configContext?.correctResponseMode || "internal";
-    if (correctResponseMode === "full") {
-      this.toggleFullCorrectResponse(show);
-    } else {
-      this.toggleInternalCorrectResponse(show);
-    }
+  get value() {
+    return JSON.stringify(this.response);
   }
-  async toggleFullCorrectResponse(show) {
-    const nextSibling = this.nextSibling;
-    const nextSiblingIsFullCorrectResponse = nextSibling instanceof HTMLDivElement && nextSibling?.classList.contains("full-correct-response");
-    const correctResponse = this.correctResponse;
-    if (!correctResponse) {
-      return;
+  set value(val) {
+    this.response = val ? JSON.parse(val) : null;
+  }
+  reportValidity() {
+    const isValid = this._internals.validity.valid;
+    const mode = this.validationDisplayMode;
+    if (mode === "native" || mode === "both") {
+      this._internals.reportValidity();
     }
-    const showFullCorrectResponse = show && (this?.configContext?.fullCorrectResponseOnlyWhenIncorrect === false || this.correctness !== "correct" /* Correct */);
-    if (!showFullCorrectResponse) {
-      if (!nextSiblingIsFullCorrectResponse) {
-        return;
-      }
-      this.parentElement?.removeChild(nextSibling);
-      return;
+    if (mode === "inline" || mode === "both") {
+      this.updateInlineValidationMessage();
+    } else {
+      this.clearInlineValidationMessage();
     }
-    if (nextSiblingIsFullCorrectResponse) {
-      return;
+    if (mode === "none") {
+      this.clearInlineValidationMessage();
     }
-    const clone = this.cloneNode(true);
-    clone.removeAttribute("show-full-correct-response");
-    clone.removeAttribute("show-correct-response");
-    clone.removeAttribute("show-candidate-correction");
-    const containerDiv = document.createElement("div");
-    containerDiv.classList.add("full-correct-response");
-    if (this.isInline) {
-      containerDiv.classList.add("full-correct-response-inline");
-    } else {
-      containerDiv.classList.add("full-correct-response-block");
+    return isValid;
+  }
+  get validationDisplayMode() {
+    return this.configContext?.validationDisplayMode ?? "inline";
+  }
+  resolveAllowReorder(options) {
+    const defaultWhenUnset = options?.defaultWhenUnset ?? true;
+    const config = this.configContext;
+    if (!config) {
+      return defaultWhenUnset;
     }
-    containerDiv.role = "full-correct-response";
-    containerDiv.appendChild(clone);
-    clone.isFullCorrectResponse = true;
-    this.parentElement?.insertBefore(containerDiv, this.nextSibling);
-    await clone.updateComplete;
-    clone.response = Array.isArray(correctResponse) ? [...correctResponse] : correctResponse;
-  }
-  toggleInternalCorrectResponse(show) {
-    this._internals.states.delete("show-correct-response");
-    if (show && this.correctResponse) {
-      this._internals.states.add("show-correct-response");
+    if (config.allowReorder !== void 0) {
+      return config.allowReorder;
     }
+    return defaultWhenUnset;
   }
-  toggleCandidateCorrection(show) {
-    this._internals.states.delete("candidate-correct");
-    this._internals.states.delete("candidate-partially-correct");
-    this._internals.states.delete("candidate-incorrect");
-    if (!show) {
-      return;
+  resolveDisableAfterMaxReached(options) {
+    const defaultWhenUnset = options?.defaultWhenUnset ?? false;
+    const config = this.configContext;
+    if (!config) {
+      return defaultWhenUnset;
     }
-    if (this.correctness === "correct" /* Correct */) {
-      this._internals.states.add("candidate-correct");
+    if (config.disableAfterMaxReached !== void 0) {
+      return config.disableAfterMaxReached;
     }
-    if (this.correctness === "partially-correct" /* PartiallyCorrect */) {
-      this._internals.states.add("candidate-partially-correct");
+    if (config.disableAfterIfMaxChoicesReached !== void 0) {
+      if (!this.#didLogDisableAfterIfMaxChoicesReachedDeprecation) {
+        this.#didLogDisableAfterIfMaxChoicesReachedDeprecation = true;
+        console.log("[QTI Config] `disableAfterIfMaxChoicesReached` is deprecated. Use `disableAfterMaxReached` instead.");
+      }
+      return config.disableAfterIfMaxChoicesReached;
     }
-    if (this.correctness === "incorrect" /* Incorrect */) {
-      this._internals.states.add("candidate-incorrect");
+    return defaultWhenUnset;
+  }
+  setInteractionValidity(isValid, validityMessage = "", anchor, options) {
+    const validityAnchor = anchor ?? this;
+    this._internals.setValidity(isValid ? {} : { customError: true }, validityMessage, validityAnchor);
+    if (options?.suppressInline !== true && (this.validationDisplayMode === "inline" || this.validationDisplayMode === "both")) {
+      this.updateInlineValidationMessage();
     }
   }
-  get value() {
-    return JSON.stringify(this.response);
+  updateInlineValidationMessage() {
+    const validationMessageElement = this.getValidationMessageElement();
+    if (!validationMessageElement) {
+      return;
+    }
+    if (!this._internals.validity.valid) {
+      validationMessageElement.textContent = this._internals.validationMessage;
+      validationMessageElement.style.setProperty("display", "block", "important");
+      return;
+    }
+    validationMessageElement.textContent = "";
+    validationMessageElement.style.display = "none";
   }
-  set value(val) {
-    this.response = val ? JSON.parse(val) : null;
+  clearInlineValidationMessage() {
+    const validationMessageElement = this.getValidationMessageElement();
+    if (!validationMessageElement) {
+      return;
+    }
+    validationMessageElement.textContent = "";
+    validationMessageElement.style.display = "none";
   }
-  reportValidity() {
-    return this._internals.reportValidity();
+  getValidationMessageElement() {
+    return this.shadowRoot?.querySelector("#validation-message");
   }
   reset() {
     this.response = null;
   }
-  /**
-   * Called by the browser when the associated form is reset.
-   * Part of the Form-Associated Custom Elements API.
-   */
   formResetCallback() {
     this.reset();
   }
-  // attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
-  //   super.attributeChangedCallback(name, _old, value);
-  //   // changing attributes in lit is not a thing, they are defined in the QTI XML and will never change
-  //   // except in storybook where we can change the value of the attribute
-  //   // this can make the internal state out of sync with the attribute
-  //   // so we reset the value to null to force the internal state to be reset
-  //   const attributeNamesToExclude = ['style', 'class'];
-  //   if (!attributeNamesToExclude.includes(name)) {
-  //     this.reset();
-  //   }
-  // }
   connectedCallback() {
     super.connectedCallback();
-    if (this.isFullCorrectResponse) {
-      return;
-    }
-    this.dispatchEvent(
-      new CustomEvent("qti-register-interaction", {
-        bubbles: true,
-        composed: true,
-        cancelable: false,
-        detail: {
-          interactionElement: this,
-          responseIdentifier: this.responseIdentifier
-        }
-      })
-    );
-  }
-  firstUpdated() {
-    if (this.isFullCorrectResponse) {
+    if (!this.registersWithItem) {
       return;
     }
-    if (this.showCorrectResponse) {
-      this.toggleInternalCorrectResponse(true);
-    }
-    if (this.showFullCorrectResponse) {
-      this.toggleFullCorrectResponse(true);
-    }
-    if (this.showCandidateCorrection) {
-      this.toggleCandidateCorrection(true);
-    }
+    this.dispatchEvent(new CustomEvent("qti-register-interaction", {
+      bubbles: true,
+      composed: true,
+      cancelable: false,
+      detail: {
+        interactionElement: this,
+        responseIdentifier: this.responseIdentifier
+      }
+    }));
   }
   saveResponse(value, state) {
-    this.dispatchEvent(
-      new CustomEvent("qti-interaction-response", {
-        bubbles: true,
-        composed: true,
-        cancelable: false,
-        detail: {
-          responseIdentifier: this.responseIdentifier,
-          response: Array.isArray(value) ? [...value] : value,
-          ...state !== void 0 ? { state } : {}
-        }
-      })
-    );
+    this.dispatchEvent(new CustomEvent("qti-interaction-response", {
+      bubbles: true,
+      composed: true,
+      cancelable: false,
+      detail: {
+        responseIdentifier: this.responseIdentifier,
+        response: Array.isArray(value) ? [...value] : value,
+        ...state !== void 0 ? { state } : {}
+      }
+    }));
+  }
+  constructor() {
+    super();
+    this.#didLogDisableAfterIfMaxChoicesReachedDeprecation = false;
+    this._interactionContext = { choiceRole: null, draggablesSelector: null };
+    this.disabled = false;
+    this.readonly = false;
+    this._internals = this.attachInternals();
+  }
+  /** Optional lifecycle bridge for interaction subclasses that do not need changed-property data. */
+  firstUpdated(_changedProperties) {
   }
 };
-__decorateClass([
+__decorate([
   c({ context: itemContext, subscribe: true })
-], Interaction.prototype, "_context", 2);
-__decorateClass([
+], Interaction.prototype, "_context", void 0);
+__decorate([
   c({ context: configContext, subscribe: true })
-], Interaction.prototype, "configContext", 2);
-__decorateClass([
-  n4({ type: String, attribute: "response-identifier" })
-], Interaction.prototype, "responseIdentifier", 2);
-__decorateClass([
-  n4({ reflect: true, type: Boolean })
-], Interaction.prototype, "disabled", 2);
-__decorateClass([
-  n4({ reflect: true, type: Boolean })
-], Interaction.prototype, "readonly", 2);
-__decorateClass([
-  n4({ type: String })
-], Interaction.prototype, "name", 2);
-__decorateClass([
-  n4({ type: String, attribute: "correct-response", reflect: true })
-], Interaction.prototype, "correctResponseAttr", 1);
-__decorateClass([
-  n4({ type: Boolean, attribute: "show-correct-response", reflect: true })
-], Interaction.prototype, "showCorrectResponse", 2);
-__decorateClass([
-  watch("showCorrectResponse", { waitUntilFirstUpdate: true })
-], Interaction.prototype, "_handleShowCorrectResponseChange", 2);
-__decorateClass([
-  n4({ type: Boolean, attribute: "show-full-correct-response", reflect: true })
-], Interaction.prototype, "showFullCorrectResponse", 2);
-__decorateClass([
-  watch("showFullCorrectResponse", { waitUntilFirstUpdate: true })
-], Interaction.prototype, "_handleShowFullCorrectResponseChange", 2);
-__decorateClass([
-  n4({ type: Boolean, attribute: "show-candidate-correction", reflect: true })
-], Interaction.prototype, "showCandidateCorrection", 2);
-__decorateClass([
-  watch("showCandidateCorrection", { waitUntilFirstUpdate: true })
-], Interaction.prototype, "_handleShowCandidateCorrectionChange", 2);
-__decorateClass([
-  r4()
-], Interaction.prototype, "_isFullCorrectResponse", 2);
-__decorateClass([
-  r4()
-], Interaction.prototype, "_correctResponse", 2);
+], Interaction.prototype, "configContext", void 0);
+__decorate([
+  e2({ context: interactionContext })
+], Interaction.prototype, "_interactionContext", void 0);
+__decorate([
+  n5({ type: String, attribute: "response-identifier" })
+], Interaction.prototype, "responseIdentifier", void 0);
+__decorate([
+  n5({ reflect: true, type: Boolean })
+], Interaction.prototype, "disabled", void 0);
+__decorate([
+  n5({ reflect: true, type: Boolean })
+], Interaction.prototype, "readonly", void 0);
+__decorate([
+  n5({ type: String })
+], Interaction.prototype, "name", void 0);
 
-// ../qti-base/src/abstract/qti-variable-declaration.ts
+// ../qti-base/dist/abstract/qti-variable-declaration.js
 var QtiVariableDeclaration = class extends i4 {
   render() {
     return T`<slot></slot>`;
@@ -1939,7 +1664,7 @@ var QtiVariableDeclaration = class extends i4 {
     if (htmlValues.length === 0) {
       return null;
     }
-    const defaultValues = htmlValues.map((n8) => n8.innerHTML.trim());
+    const defaultValues = htmlValues.map((n6) => n6.innerHTML.trim());
     if (defaultValues.length > 1 || cardinality === "multiple" || cardinality === "ordered") {
       return defaultValues;
     }
@@ -1947,25 +1672,31 @@ var QtiVariableDeclaration = class extends i4 {
   }
 };
 
-// ../qti-base/src/abstract/qti-expression.ts
+// ../qti-base/dist/abstract/qti-expression.js
+var __decorate2 = function(decorators, target, key, desc) {
+  var c5 = arguments.length, r6 = c5 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r6 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i5 = decorators.length - 1; i5 >= 0; i5--) if (d3 = decorators[i5]) r6 = (c5 < 3 ? d3(r6) : c5 > 3 ? d3(target, key, r6) : d3(target, key)) || r6;
+  return c5 > 3 && r6 && Object.defineProperty(target, key, r6), r6;
+};
 var QtiExpression = class extends i4 {
   constructor() {
     super(...arguments);
     this.getVariables = () => (
       // FIXME: if this itself is multiple, this will never enter the qti-multiple switch
       // See this example here: https://github.com/1EdTech/qti-examples/blob/master/qtiv3-examples/packaging/items/Example05-feedbackBlock-adaptive.xml
-      Array.from(this.children).map((e8) => {
-        console.debug("getVariables", e8.tagName.toLowerCase());
-        switch (e8.tagName.toLowerCase()) {
+      Array.from(this.children).map((e7) => {
+        console.debug("getVariables", e7.tagName.toLowerCase());
+        switch (e7.tagName.toLowerCase()) {
           case "qti-base-value": {
             return {
-              baseType: e8.getAttribute("base-type"),
-              value: e8.textContent.trim(),
+              baseType: e7.getAttribute("base-type"),
+              value: e7.textContent.trim(),
               cardinality: "single"
             };
           }
           case "qti-variable": {
-            const identifier = e8.getAttribute("identifier") || "";
+            const identifier = e7.getAttribute("identifier") || "";
             if (identifier === "QTI_CONTEXT") {
               if (!this.qtiContext?.QTI_CONTEXT) {
                 console.warn("QTI_CONTEXT not available");
@@ -1985,18 +1716,18 @@ var QtiExpression = class extends i4 {
                 type: "context"
               };
             }
-            const variable = this.context.variables.find((v3) => v3.identifier === identifier) || null;
+            const variable = this.context.variables.find((v2) => v2.identifier === identifier) || null;
             return variable;
           }
           case "qti-multiple": {
-            const multiple = e8;
+            const multiple = e7;
             const values = multiple.getResult();
             console.debug("values", values);
             if (values?.length > 0) {
               return {
                 identifier: "",
                 baseType: values[0].baseType,
-                value: values.map((v3) => v3.value),
+                value: values.map((v2) => v2.value),
                 cardinality: "multiple",
                 type: "response"
               };
@@ -2004,13 +1735,13 @@ var QtiExpression = class extends i4 {
             return null;
           }
           case "qti-ordered": {
-            const multiple = e8;
+            const multiple = e7;
             const values = multiple.getResult();
             if (values?.length > 0) {
               return {
                 identifier: "",
                 baseType: values[0].baseType,
-                value: values.map((v3) => v3.value),
+                value: values.map((v2) => v2.value),
                 cardinality: "ordered",
                 type: "response"
               };
@@ -2018,7 +1749,7 @@ var QtiExpression = class extends i4 {
             return null;
           }
           case "qti-repeat": {
-            const repeat = e8;
+            const repeat = e7;
             const values = repeat.getResult();
             if (values?.length > 0) {
               return values;
@@ -2026,8 +1757,8 @@ var QtiExpression = class extends i4 {
             return null;
           }
           case "qti-correct": {
-            const identifier = e8.getAttribute("identifier") || "";
-            const responseVariable = this.context?.variables?.find((v3) => v3.identifier === identifier) || null;
+            const identifier = e7.getAttribute("identifier") || "";
+            const responseVariable = this.context?.variables?.find((v2) => v2.identifier === identifier) || null;
             return {
               baseType: responseVariable.baseType,
               value: responseVariable.correctResponse,
@@ -2036,7 +1767,7 @@ var QtiExpression = class extends i4 {
           }
           default: {
             try {
-              const expression = e8;
+              const expression = e7;
               const value = expression.getResult();
               return {
                 baseType: "integer",
@@ -2049,11 +1780,10 @@ var QtiExpression = class extends i4 {
             return null;
           }
         }
-      }).flatMap((v3) => Array.isArray(v3) ? v3 : [v3]).filter((v3) => v3 !== null)
+      }).flatMap((v2) => Array.isArray(v2) ? v2 : [v2]).filter((v2) => v2 !== null)
     );
   }
   static {
-    // hide the slot with css
     this.styles = i2`
     slot {
       display: none;
@@ -2072,19 +1802,19 @@ var QtiExpression = class extends i4 {
     throw new Error("Not implemented");
   }
 };
-__decorateClass([
-  r4()
-], QtiExpression.prototype, "result", 2);
-__decorateClass([
+__decorate2([
+  r5()
+], QtiExpression.prototype, "result", void 0);
+__decorate2([
   c({ context: itemContext, subscribe: true }),
-  r4()
-], QtiExpression.prototype, "context", 2);
-__decorateClass([
+  r5()
+], QtiExpression.prototype, "context", void 0);
+__decorate2([
   c({ context: qtiContext, subscribe: true }),
-  r4()
-], QtiExpression.prototype, "qtiContext", 2);
+  r5()
+], QtiExpression.prototype, "qtiContext", void 0);
 
-// ../qti-base/src/abstract/qti-condition-expression.ts
+// ../qti-base/dist/abstract/qti-condition-expression.js
 var QtiConditionExpression = class extends QtiExpression {
   calculate() {
     this.result = this.getResult();
@@ -2095,7 +1825,7 @@ var QtiConditionExpression = class extends QtiExpression {
   }
 };
 
-// ../qti-base/src/utils/utils.ts
+// ../qti-base/dist/utils/utils.js
 var decimalSeparator = () => {
   return new Intl.NumberFormat().format(0.1).replace(/\d/g, "");
 };
@@ -2118,7 +1848,13 @@ function removeDoubleSlashes(str) {
   return singleForwardSlashes;
 }
 
-// ../qti-base/src/abstract/qti-feedback.ts
+// ../qti-base/dist/abstract/qti-feedback.js
+var __decorate3 = function(decorators, target, key, desc) {
+  var c5 = arguments.length, r6 = c5 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r6 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i5 = decorators.length - 1; i5 >= 0; i5--) if (d3 = decorators[i5]) r6 = (c5 < 3 ? d3(r6) : c5 > 3 ? d3(target, key, r6) : d3(target, key)) || r6;
+  return c5 > 3 && r6 && Object.defineProperty(target, key, r6), r6;
+};
 var QtiFeedback = class extends i4 {
   constructor() {
     super(...arguments);
@@ -2126,17 +1862,16 @@ var QtiFeedback = class extends i4 {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.dispatchEvent(
-      new CustomEvent("qti-register-feedback", {
-        bubbles: true,
-        composed: true,
-        detail: this
-      })
-    );
+    this.dispatchEvent(new CustomEvent("qti-register-feedback", {
+      bubbles: true,
+      composed: true,
+      detail: this
+    }));
   }
   checkShowFeedback(outcomeIdentifier) {
-    const outcomeVariable = this._context.variables.find((v3) => v3.identifier === outcomeIdentifier) || null;
-    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable) return;
+    const outcomeVariable = this._context.variables.find((v2) => v2.identifier === outcomeIdentifier) || null;
+    if (this.outcomeIdentifier !== outcomeIdentifier || !outcomeVariable)
+      return;
     let isFound = false;
     if (Array.isArray(outcomeVariable.value)) {
       isFound = outcomeVariable.value.includes(this.identifier);
@@ -2149,28 +1884,114 @@ var QtiFeedback = class extends i4 {
     this.showStatus = value && this.showHide === "show" || !value && this.showHide === "hide" ? "on" : "off";
   }
 };
-__decorateClass([
-  n4({ type: String, attribute: "show-hide" })
-], QtiFeedback.prototype, "showHide", 2);
-__decorateClass([
-  n4({ type: String, attribute: "outcome-identifier" })
-], QtiFeedback.prototype, "outcomeIdentifier", 2);
-__decorateClass([
-  n4({ type: String })
-], QtiFeedback.prototype, "identifier", 2);
-__decorateClass([
-  n4({ type: String, attribute: false })
-], QtiFeedback.prototype, "showStatus", 2);
-__decorateClass([
+__decorate3([
+  n5({ type: String, attribute: "show-hide" })
+], QtiFeedback.prototype, "showHide", void 0);
+__decorate3([
+  n5({ type: String, attribute: "outcome-identifier" })
+], QtiFeedback.prototype, "outcomeIdentifier", void 0);
+__decorate3([
+  n5({ type: String })
+], QtiFeedback.prototype, "identifier", void 0);
+__decorate3([
+  n5({ type: String, attribute: false })
+], QtiFeedback.prototype, "showStatus", void 0);
+__decorate3([
   c({ context: itemContext, subscribe: true }),
-  r4()
-], QtiFeedback.prototype, "_context", 2);
+  r5()
+], QtiFeedback.prototype, "_context", void 0);
+
+// ../qti-base/dist/lib/response.js
+function parseResponseAttribute(raw) {
+  if (raw == null)
+    return null;
+  if (!raw.includes(",")) {
+    const trimmed = raw.trim();
+    return trimmed.length > 0 ? trimmed : null;
+  }
+  const tokens = raw.split(",").map((token) => token.trim()).filter((token) => token.length > 0);
+  if (tokens.length === 0)
+    return null;
+  if (tokens.length === 1)
+    return tokens[0];
+  return tokens;
+}
+function serializeResponseAttribute(value) {
+  if (value == null)
+    return null;
+  if (Array.isArray(value)) {
+    const tokens = value.map((token) => token.trim()).filter((token) => token.length > 0);
+    return tokens.length > 0 ? tokens.join(",") : null;
+  }
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function* iterResponseValues(raw) {
+  if (raw == null)
+    return;
+  if (Array.isArray(raw)) {
+    for (const v2 of raw) {
+      const t4 = v2.trim();
+      if (t4)
+        yield t4;
+    }
+    return;
+  }
+  if (!raw.includes(",")) {
+    const t4 = raw.trim();
+    if (t4)
+      yield t4;
+    return;
+  }
+  for (const v2 of raw.split(",")) {
+    const t4 = v2.trim();
+    if (t4)
+      yield t4;
+  }
+}
+function parsePair(value) {
+  const [source, target, ...rest] = value.trim().split(/\s+/);
+  if (!source || !target || rest.length > 0) {
+    throw new Error(`malformed directed-pair value: "${value}" (expected "source target")`);
+  }
+  return { source, target };
+}
+function serializePair(source, target) {
+  return `${source} ${target}`;
+}
+function parsePoint(value) {
+  const [xStr, yStr, ...rest] = value.trim().split(/\s+/);
+  const x2 = Number(xStr);
+  const y3 = Number(yStr);
+  if (!Number.isFinite(x2) || !Number.isFinite(y3) || rest.length > 0) {
+    throw new Error(`malformed point value: "${value}" (expected "x y" numeric coords)`);
+  }
+  return { x: x2, y: y3 };
+}
+function serializePoint(x2, y3) {
+  return `${x2} ${y3}`;
+}
+function responseAttributeConverter(opts) {
+  const { emptyAs } = opts;
+  const isEmptySentinel = (value) => value === emptyAs || value == null || value === "" || Array.isArray(value) && value.length === 0;
+  return {
+    fromAttribute: (value) => {
+      const parsed = parseResponseAttribute(value);
+      return parsed === null ? emptyAs : parsed;
+    },
+    toAttribute: (value) => {
+      if (isEmptySentinel(value))
+        return null;
+      return serializeResponseAttribute(value);
+    }
+  };
+}
 
-// ../qti-base/src/lib/qti-rule-base.ts
+// ../qti-base/dist/lib/qti-rule-base.js
 var QtiRuleElement = class extends i4 {
 };
 
-// ../qti-base/src/utils/scoring-helper.ts
+// ../qti-base/dist/utils/scoring-helper.js
 var ScoringHelper = class {
   /**
    * Checks if a given point is within a specified area.
@@ -2222,8 +2043,8 @@ var ScoringHelper = class {
           return false;
         }
         const vertices = [];
-        for (let i7 = 0; i7 < coordinates.length; i7 += 2) {
-          vertices.push({ x: coordinates[i7], y: coordinates[i7 + 1] });
+        for (let i5 = 0; i5 < coordinates.length; i5 += 2) {
+          vertices.push({ x: coordinates[i5], y: coordinates[i5 + 1] });
         }
         return this.isPointInPolygon({ x: px, y: py }, vertices);
       }
@@ -2240,11 +2061,12 @@ var ScoringHelper = class {
    */
   static isPointInPolygon(point, vertices) {
     let inside = false;
-    for (let i7 = 0, j2 = vertices.length - 1; i7 < vertices.length; j2 = i7++) {
-      const xi = vertices[i7].x, yi = vertices[i7].y;
+    for (let i5 = 0, j2 = vertices.length - 1; i5 < vertices.length; j2 = i5++) {
+      const xi = vertices[i5].x, yi = vertices[i5].y;
       const xj = vertices[j2].x, yj = vertices[j2].y;
       const intersect = yi > point.y !== yj > point.y && point.x < (xj - xi) * (point.y - yi) / (yj - yi) + xi;
-      if (intersect) inside = !inside;
+      if (intersect)
+        inside = !inside;
     }
     return inside;
   }
@@ -2293,14 +2115,26 @@ var ScoringHelper = class {
   }
 };
 
+// ../qti-base/dist/elements.js
+var qtiBaseElements = [];
+
+// ../qti-base/dist/register.js
+for (const { tag, ctor } of qtiBaseElements) {
+  if (!customElements.get(tag)) {
+    customElements.define(tag, ctor);
+  }
+}
+
 export {
+  n,
   e2 as e,
   c,
   computedItemContext,
   computedContext,
   configContext,
-  itemContextVariables,
+  interactionContext,
   itemContext,
+  itemContextVariables,
   isSeed,
   asSeed,
   qtiContext,
@@ -2308,29 +2142,20 @@ export {
   sessionContext,
   INITIAL_TEST_CONTEXT,
   testContext,
-  t2 as t,
   i2 as i,
-  n4 as n,
-  r4 as r,
-  e5 as e2,
-  o4 as o,
   T,
   b2 as b,
   E,
   A,
+  Z,
   i4 as i2,
-  watch,
-  t5 as t2,
-  e7 as e3,
-  i5 as i3,
-  n6 as n2,
-  v2 as v,
-  u3 as u,
-  p3 as p,
-  M2 as M,
-  h3 as h,
-  f3 as f,
-  Correctness,
+  boxSizing,
+  dropRegion,
+  validationMessage,
+  n5 as n2,
+  r5 as r,
+  e6 as e2,
+  o6 as o,
   Interaction,
   QtiVariableDeclaration,
   QtiExpression,
@@ -2340,6 +2165,14 @@ export {
   IsNullOrUndefined,
   removeDoubleSlashes,
   QtiFeedback,
+  parseResponseAttribute,
+  serializeResponseAttribute,
+  iterResponseValues,
+  parsePair,
+  serializePair,
+  parsePoint,
+  serializePoint,
+  responseAttributeConverter,
   QtiRuleElement,
   ScoringHelper
 };
@@ -2359,6 +2192,8 @@ export {
    *)
 
 @lit/context/lib/decorators/provide.js:
+lit-html/node/lit-html.js:
+lit-element/lit-element.js:
 @lit/reactive-element/node/decorators/custom-element.js:
 @lit/reactive-element/node/decorators/property.js:
 @lit/reactive-element/node/decorators/state.js:
@@ -2368,10 +2203,6 @@ export {
 @lit/reactive-element/node/decorators/query-all.js:
 @lit/reactive-element/node/decorators/query-async.js:
 @lit/reactive-element/node/decorators/query-assigned-nodes.js:
-lit-html/node/lit-html.js:
-lit-element/lit-element.js:
-lit-html/node/directive.js:
-lit-html/node/async-directive.js:
   (**
    * @license
    * Copyright 2017 Google LLC
@@ -2408,12 +2239,5 @@ lit-html/node/is-server.js:
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
-
-lit-html/node/directive-helpers.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
 */
-//# sourceMappingURL=chunk-3XV26R5M.js.map
+//# sourceMappingURL=chunk-H3J7LFRO.js.map