@citolab/qti-components 7.0.9-beta.0 → 7.0.9-beta.1

package/dist/chunks/{chunk-NPHDN2TQ.js → chunk-5E4OEZCA.js}

@@ -2931,25 +2931,25 @@ var QtiGraphicOrderInteraction = class extends ChoicesMixin(Interaction, "qti-ho
   setHotspotOrder(e) {
     const { identifier } = e.detail;
     const hotspot = this._choiceElements.find((el) => el.getAttribute("identifier") === identifier);
+    if (!hotspot) return;
     const maxSelection = this._choiceElements.length;
     if (!this.choiceOrdering) {
       this.choiceOrdering = true;
       if (hotspot.order == null) {
-        if (this._choiceElements.filter((i) => i.order > 0).length >= maxSelection) {
+        const currentSelection = this._choiceElements.filter((i) => i.order != null).length;
+        if (currentSelection >= maxSelection) {
           this.choiceOrdering = false;
           return;
         }
-        hotspot.order = this._choiceElements.filter((i) => !!i.order).length + 1;
-        this.choiceOrdering = false;
-        return;
+        hotspot.order = currentSelection + 1;
       } else {
+        const removedOrder = hotspot.order;
+        hotspot.order = null;
         this._choiceElements.forEach((hotspot2) => {
-          if (hotspot2.order > hotspot2.order) {
+          if (hotspot2.order != null && hotspot2.order > removedOrder) {
             hotspot2.order--;
           }
-          return hotspot2;
         });
-        hotspot.order = null;
       }
       this.choiceOrdering = false;
     }
@@ -3751,6 +3751,31 @@ var QtiPortableCustomInteraction = class extends Interaction {
     }
     return null;
   }
+  addHyphenatedKeys(properties) {
+    const updatedProperties = { ...properties };
+    for (const key in properties) {
+      if (Object.prototype.hasOwnProperty.call(properties, key)) {
+        const hyphenatedKey = key.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
+        updatedProperties[hyphenatedKey] = properties[key];
+      }
+    }
+    return updatedProperties;
+  }
+  responseVariablesToQtiVariableJSON(input) {
+    if (Array.isArray(input)) {
+      return {
+        list: {
+          string: input
+        }
+      };
+    } else {
+      return {
+        base: {
+          string: input || ""
+        }
+      };
+    }
+  }
   startChecking() {
     this.intervalId = setInterval(() => {
       const response = this.pci.getResponse();
@@ -3783,15 +3808,21 @@ var QtiPortableCustomInteraction = class extends Interaction {
     if (this.querySelector("properties")) {
       this.querySelector("properties").style.display = "none";
     }
+    const jsonValue = this.responseVariablesToQtiVariableJSON(this.value);
     const config = {
-      properties: this.dataset,
-      onready: () => {
-        console.log("onready");
-      }
+      properties: this.addHyphenatedKeys({ ...this.dataset }),
+      onready: (pciInstance) => {
+        this.pci = pciInstance;
+      },
+      responseIdentifier: this.responseIdentifier,
+      boundTo: jsonValue.base || jsonValue.list
+      // TODO: implement the following properties:
+      //       templateVariables	An object containing all of the template variables referenced (via qti-template-variable elements) in the qti-portable-custom-interaction and their current values.The values of variables MUST follow the structure defined in Appendix C.
+      // contextVariables	An object containing all of the context variables referenced (via qti-context-variable elements) in the qti-portable-custom-interaction and their current values. The values of variables MUST follow the structure defined in Appendix C.
     };
-    if (pci.getInstance)
+    if (pci.getInstance) {
       pci.getInstance(dom, config, void 0);
-    else {
+    } else {
       const restoreTAOConfig = (element) => {
         const config2 = {};
         const parseDataAttributes = (element2) => {
@@ -5136,6 +5167,82 @@ import { property as property30 } from "lit/decorators.js";
 
 // src/lib/qti-components/qti-response-processing/utilities/scoring-helper.ts
 var ScoringHelper = class {
+  /**
+   * Checks if a given point is within a specified area.
+   * @param point The point to test, represented as a string "x y" (e.g., "102 113").
+   * @param areaKey The area definition, including shape and coordinates (e.g., "circle,102,113,16").
+   * @param baseType The base type of the response, must be "point" for this method to proceed.
+   * @returns True if the point is within the area; false otherwise.
+   */
+  static isPointInArea(point, areaKey, baseType) {
+    if (baseType !== "point") {
+      console.warn(`Base type ${baseType} is not supported for point area mapping.`);
+      return false;
+    }
+    const [px, py] = point.split(" ").map(Number);
+    const [shape, ...coords] = areaKey.split(",");
+    const coordinates = coords.map(Number);
+    switch (shape.toLowerCase()) {
+      case "circle":
+      case "default": {
+        const [cx, cy, radius] = coordinates;
+        if (coordinates.length !== 3) {
+          console.warn(`Invalid circle definition: ${areaKey}`);
+          return false;
+        }
+        const distance = Math.sqrt((px - cx) ** 2 + (py - cy) ** 2);
+        return distance <= radius;
+      }
+      case "rect": {
+        const [x1, y1, x2, y2] = coordinates;
+        if (coordinates.length !== 4) {
+          console.warn(`Invalid rectangle definition: ${areaKey}`);
+          return false;
+        }
+        return px >= x1 && px <= x2 && py >= y1 && py <= y2;
+      }
+      case "ellipse": {
+        const [cx, cy, rx, ry] = coordinates;
+        if (coordinates.length !== 4) {
+          console.warn(`Invalid ellipse definition: ${areaKey}`);
+          return false;
+        }
+        const normalizedX = (px - cx) ** 2 / rx ** 2;
+        const normalizedY = (py - cy) ** 2 / ry ** 2;
+        return normalizedX + normalizedY <= 1;
+      }
+      case "poly": {
+        if (coordinates.length < 6 || coordinates.length % 2 !== 0) {
+          console.warn(`Invalid polygon definition: ${areaKey}`);
+          return false;
+        }
+        const vertices = [];
+        for (let i = 0; i < coordinates.length; i += 2) {
+          vertices.push({ x: coordinates[i], y: coordinates[i + 1] });
+        }
+        return this.isPointInPolygon({ x: px, y: py }, vertices);
+      }
+      default:
+        console.warn(`Unsupported shape type: ${shape}`);
+        return false;
+    }
+  }
+  /**
+   * Checks if a point is inside a polygon using the ray-casting algorithm.
+   * @param point The point to test.
+   * @param vertices The vertices of the polygon in order (array of {x, y} objects).
+   * @returns True if the point is inside the polygon; false otherwise.
+   */
+  static isPointInPolygon(point, vertices) {
+    let inside = false;
+    for (let i = 0, j = vertices.length - 1; i < vertices.length; j = i++) {
+      const xi = vertices[i].x, yi = vertices[i].y;
+      const xj = vertices[j].x, yj = vertices[j].y;
+      const intersect = yi > point.y !== yj > point.y && point.x < (xj - xi) * (point.y - yi) / (yj - yi) + xi;
+      if (intersect) inside = !inside;
+    }
+    return inside;
+  }
   static compareSingleValues(value1, value2, baseType) {
     switch (baseType) {
       case "identifier":
@@ -5342,10 +5449,157 @@ __decorateClass([
 ], QtiMapResponse.prototype, "identifier", 2);
 customElements.define("qti-map-response", QtiMapResponse);
 
-// src/lib/qti-components/qti-response-processing/qti-expression/qti-mapping/qti-mapping.ts
+// src/lib/qti-components/qti-response-processing/qti-expression/qti-map-response-point/qti-map-response-point.ts
 import { property as property32 } from "lit/decorators.js";
-import { LitElement as LitElement25 } from "lit";
-var QtiMapping = class extends LitElement25 {
+
+// src/lib/qti-components/internal/qti-expression.ts
+import { consume as consume3 } from "@lit/context";
+import { css as css34, html as html44, LitElement as LitElement25 } from "lit";
+import { state as state13 } from "lit/decorators.js";
+var QtiExpression2 = class extends LitElement25 {
+  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((e) => {
+        switch (e.tagName.toLowerCase()) {
+          case "qti-base-value": {
+            return {
+              baseType: e.getAttribute("base-type"),
+              value: e.textContent.trim(),
+              cardinality: "single"
+            };
+          }
+          case "qti-variable": {
+            const identifier = e.getAttribute("identifier") || "";
+            const variable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return variable;
+          }
+          case "qti-multiple": {
+            const multiple = e;
+            const values = multiple.getResult();
+            if (values.length > 0) {
+              return {
+                identifier: "",
+                baseType: values[0].baseType,
+                value: values.map((v) => v.value),
+                cardinality: "multiple",
+                type: "response"
+              };
+            }
+            return null;
+          }
+          case "qti-correct": {
+            const identifier = e.getAttribute("identifier") || "";
+            const responseVariable = this.context.variables.find((v) => v.identifier === identifier) || null;
+            return {
+              baseType: responseVariable.baseType,
+              value: responseVariable.correctResponse,
+              cardinality: responseVariable.cardinality
+            };
+          }
+          default: {
+            try {
+              const expression = e;
+              const value = expression.getResult();
+              return {
+                baseType: "integer",
+                value: value.toString(),
+                cardinality: "single"
+              };
+            } catch (error) {
+              console.warn("default not sufficient");
+            }
+            return null;
+          }
+        }
+      }).filter((v) => v !== null)
+    );
+  }
+  render() {
+    return html44`<pre>${JSON.stringify(this.result, null, 2)}</pre>
+      <slot></slot>`;
+  }
+  calculate() {
+    this.result = this.getResult();
+    return this.result;
+  }
+  getResult() {
+    throw new Error("Not implemented");
+  }
+};
+// hide the slot with css
+QtiExpression2.styles = css34`
+    slot {
+      display: none;
+    }
+  `;
+__decorateClass([
+  state13()
+], QtiExpression2.prototype, "result", 2);
+__decorateClass([
+  consume3({ context: itemContext, subscribe: true }),
+  state13()
+], QtiExpression2.prototype, "context", 2);
+
+// src/lib/qti-components/qti-response-processing/qti-expression/qti-map-response-point/qti-map-response-point.ts
+var QtiMapResponsePoint = class extends QtiExpression2 {
+  getResult() {
+    const response = this.context.variables.find((r) => r.identifier === this.identifier);
+    if (!response) {
+      console.warn(`Response ${this.identifier} cannot be found`);
+      return null;
+    }
+    const areaMapping = response.areaMapping;
+    if (!areaMapping) {
+      console.warn(`Area mapping not found for response ${this.identifier}`);
+      return null;
+    }
+    const candidateResponses = !Array.isArray(response.value) ? [response.value] : response.value;
+    if (!candidateResponses || candidateResponses.length === 0) {
+      console.warn(`No candidate responses for response ${this.identifier}`);
+      return null;
+    }
+    let result = 0;
+    const mappedAreas = /* @__PURE__ */ new Set();
+    for (const candidateResponse of candidateResponses) {
+      for (const entry of areaMapping.mapEntries) {
+        if (mappedAreas.has(entry.coords)) {
+          continue;
+        }
+        const isPointInArea = ScoringHelper.isPointInArea(
+          candidateResponse,
+          `${entry.shape},${entry.coords}`,
+          response.baseType
+        );
+        if (isPointInArea) {
+          result += entry.mappedValue ?? 0;
+          mappedAreas.add(entry.coords);
+        }
+      }
+    }
+    if (mappedAreas.size < candidateResponses.length) {
+      result += areaMapping.defaultValue;
+    }
+    if (areaMapping.lowerBound != null) {
+      result = Math.max(areaMapping.lowerBound, result);
+    }
+    if (areaMapping.upperBound != null) {
+      result = Math.min(areaMapping.upperBound, result);
+    }
+    return result;
+  }
+};
+__decorateClass([
+  property32({ type: String })
+], QtiMapResponsePoint.prototype, "identifier", 2);
+customElements.define("qti-map-response-point", QtiMapResponsePoint);
+
+// src/lib/qti-components/qti-response-processing/qti-expression/qti-mapping/qti-mapping.ts
+import { property as property33 } from "lit/decorators.js";
+import { LitElement as LitElement26 } from "lit";
+var QtiMapping = class extends LitElement26 {
   constructor() {
     super(...arguments);
     this.defaultValue = 0;
@@ -5360,16 +5614,46 @@ var QtiMapping = class extends LitElement25 {
   }
 };
 __decorateClass([
-  property32({ attribute: "default-value", type: Number })
+  property33({ attribute: "default-value", type: Number })
 ], QtiMapping.prototype, "defaultValue", 2);
 __decorateClass([
-  property32({ attribute: "lower-bound", type: Number })
+  property33({ attribute: "lower-bound", type: Number })
 ], QtiMapping.prototype, "lowerBound", 2);
 __decorateClass([
-  property32({ attribute: "upper-bound", type: Number })
+  property33({ attribute: "upper-bound", type: Number })
 ], QtiMapping.prototype, "upperBound", 2);
 customElements.define("qti-mapping", QtiMapping);
 
+// src/lib/qti-components/qti-response-processing/qti-expression/qti-area-mapping/qti-area-mapping.ts
+import { property as property34 } from "lit/decorators.js";
+import { LitElement as LitElement27 } from "lit";
+var QtiAreaMapping = class extends LitElement27 {
+  constructor() {
+    super(...arguments);
+    this.defaultValue = 0;
+  }
+  get mapEntries() {
+    return Array.from(this.querySelectorAll("qti-area-map-entry")).map((el) => {
+      return {
+        shape: el.getAttribute("shape"),
+        coords: el.getAttribute("coords"),
+        mappedValue: +el.getAttribute("mapped-value"),
+        defaultValue: el.getAttribute("default-value") ? +el.getAttribute("default-value") : 0
+      };
+    });
+  }
+};
+__decorateClass([
+  property34({ attribute: "default-value", type: Number })
+], QtiAreaMapping.prototype, "defaultValue", 2);
+__decorateClass([
+  property34({ attribute: "lower-bound", type: Number })
+], QtiAreaMapping.prototype, "lowerBound", 2);
+__decorateClass([
+  property34({ attribute: "upper-bound", type: Number })
+], QtiAreaMapping.prototype, "upperBound", 2);
+customElements.define("qti-area-mapping", QtiAreaMapping);
+
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-match/qti-match.ts
 var QtiMatch = class _QtiMatch extends QtiExpression {
   //PK : FIXME.
@@ -5509,10 +5793,10 @@ var QtiMultiple = class extends QtiExpression {
 customElements.define("qti-multiple", QtiMultiple);
 
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-not/qti-not.ts
-import { html as html44 } from "lit";
+import { html as html45 } from "lit";
 var QtiNot = class extends QtiExpression {
   render() {
-    return html44`${super.render()}`;
+    return html45`${super.render()}`;
   }
   getResult() {
     const expression = this.firstElementChild;
@@ -5576,13 +5860,13 @@ var QtiOrdered = class extends QtiExpression {
 customElements.define("qti-ordered", QtiOrdered);
 
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-printed-variable/qti-printed-variable.ts
-import { consume as consume3 } from "@lit/context";
-import { LitElement as LitElement26, html as html45 } from "lit";
-import { property as property33, state as state13 } from "lit/decorators.js";
-var QtiPrintedVariable = class extends LitElement26 {
+import { consume as consume4 } from "@lit/context";
+import { LitElement as LitElement28, html as html46 } from "lit";
+import { property as property35, state as state14 } from "lit/decorators.js";
+var QtiPrintedVariable = class extends LitElement28 {
   render() {
     const value = this.context?.variables.find((v) => v.identifier === this.identifier)?.value;
-    return html45`${JSON.stringify(value, null, 2)}`;
+    return html46`${JSON.stringify(value, null, 2)}`;
   }
   calculate() {
     const result = this.context.variables.find((v) => v.identifier === this.identifier) || null;
@@ -5590,11 +5874,11 @@ var QtiPrintedVariable = class extends LitElement26 {
   }
 };
 __decorateClass([
-  property33({ type: String })
+  property35({ type: String })
 ], QtiPrintedVariable.prototype, "identifier", 2);
 __decorateClass([
-  consume3({ context: itemContext, subscribe: true }),
-  state13()
+  consume4({ context: itemContext, subscribe: true }),
+  state14()
 ], QtiPrintedVariable.prototype, "context", 2);
 customElements.define("qti-printed-variable", QtiPrintedVariable);
 
@@ -5654,7 +5938,7 @@ function qtiSubtractMixin(Base) {
 customElements.define("qti-subtract", QtiSubtract);
 
 // src/lib/qti-components/qti-response-processing/qti-expression/qti-string-match/qti-string-match.ts
-import { property as property34 } from "lit/decorators.js";
+import { property as property36 } from "lit/decorators.js";
 var QtiStringMatch = class extends QtiExpression {
   constructor() {
     super(...arguments);
@@ -5678,7 +5962,7 @@ var QtiStringMatch = class extends QtiExpression {
   }
 };
 __decorateClass([
-  property34({ type: String, attribute: "case-sensitive" })
+  property36({ type: String, attribute: "case-sensitive" })
 ], QtiStringMatch.prototype, "caseSensitive", 2);
 customElements.define("qti-string-match", QtiStringMatch);
 
@@ -5726,11 +6010,11 @@ var QtiVariable = class extends QtiExpression {
 customElements.define("qti-variable", QtiVariable);
 
 // src/lib/qti-components/qti-rubric-block/qti-content-body.ts
-import { LitElement as LitElement27, html as html46 } from "lit";
+import { LitElement as LitElement29, html as html47 } from "lit";
 import { customElement as customElement43 } from "lit/decorators.js";
-var QtiContentBody = class extends LitElement27 {
+var QtiContentBody = class extends LitElement29 {
   render() {
-    return html46`<slot></slot>`;
+    return html47`<slot></slot>`;
   }
 };
 QtiContentBody = __decorateClass([
@@ -5738,9 +6022,9 @@ QtiContentBody = __decorateClass([
 ], QtiContentBody);
 
 // src/lib/qti-components/qti-rubric-block/qti-rubric-block.ts
-import { LitElement as LitElement28, css as css34, html as html47 } from "lit";
-import { customElement as customElement44, property as property35 } from "lit/decorators.js";
-var QtiRubricBlock = class extends LitElement28 {
+import { LitElement as LitElement30, css as css35, html as html48 } from "lit";
+import { customElement as customElement44, property as property37 } from "lit/decorators.js";
+var QtiRubricBlock = class extends LitElement30 {
   handleclassNamesChange() {
     const classNames = this.classNames.split(" ");
     classNames.forEach((className) => {
@@ -5757,29 +6041,29 @@ var QtiRubricBlock = class extends LitElement28 {
     });
   }
   render() {
-    return html47`<slot></slot>`;
+    return html48`<slot></slot>`;
   }
   connectedCallback() {
     super.connectedCallback();
     this.setAttribute("slot", "qti-rubric-block");
   }
 };
-QtiRubricBlock.styles = css34`
+QtiRubricBlock.styles = css35`
     :host {
       display: block;
     }
   `;
 __decorateClass([
-  property35({ type: String })
+  property37({ type: String })
 ], QtiRubricBlock.prototype, "id", 2);
 __decorateClass([
-  property35({ type: String })
+  property37({ type: String })
 ], QtiRubricBlock.prototype, "use", 2);
 __decorateClass([
-  property35({ type: String })
+  property37({ type: String })
 ], QtiRubricBlock.prototype, "view", 2);
 __decorateClass([
-  property35({ type: String, attribute: "class" })
+  property37({ type: String, attribute: "class" })
 ], QtiRubricBlock.prototype, "classNames", 2);
 __decorateClass([
   watch("classNames", { waitUntilFirstUpdate: true })
@@ -5789,9 +6073,9 @@ QtiRubricBlock = __decorateClass([
 ], QtiRubricBlock);
 
 // src/lib/qti-components/qti-stylesheet/qti-stylesheet.ts
-import { LitElement as LitElement29 } from "lit";
+import { LitElement as LitElement31 } from "lit";
 import { customElement as customElement45 } from "lit/decorators.js";
-var QtiStylesheet = class extends LitElement29 {
+var QtiStylesheet = class extends LitElement31 {
   constructor() {
     super(...arguments);
     this.styleElement = null;
@@ -5845,16 +6129,16 @@ QtiStylesheet = __decorateClass([
 ], QtiStylesheet);
 
 // src/lib/qti-components/qti-variable-declaration/qti-outcome-declaration/qti-outcome-declaration.ts
-import { consume as consume4 } from "@lit/context";
-import { css as css35, html as html49 } from "lit";
-import { customElement as customElement47, property as property36, state as state14 } from "lit/decorators.js";
+import { consume as consume5 } from "@lit/context";
+import { css as css36, html as html50 } from "lit";
+import { customElement as customElement47, property as property38, state as state15 } from "lit/decorators.js";
 
 // src/lib/qti-components/qti-variable-declaration/qti-variable-declaration.ts
-import { html as html48, LitElement as LitElement30 } from "lit";
+import { html as html49, LitElement as LitElement32 } from "lit";
 import { customElement as customElement46 } from "lit/decorators.js";
-var QtiVariableDeclaration = class extends LitElement30 {
+var QtiVariableDeclaration = class extends LitElement32 {
   render() {
-    return html48`<slot></slot>`;
+    return html49`<slot></slot>`;
   }
   defaultValues(variable) {
     const htmlValues = Array.from(this.querySelectorAll("qti-default-value > qti-value"));
@@ -5880,7 +6164,7 @@ var QtiOutcomeDeclaration = class extends QtiVariableDeclaration {
   }
   render() {
     const value = this.itemContext?.variables.find((v) => v.identifier === this.identifier)?.value;
-    return html49`${JSON.stringify(value, null, 2)}`;
+    return html50`${JSON.stringify(value, null, 2)}`;
   }
   get interpolationTable() {
     const table = this.querySelector("qti-interpolation-table");
@@ -5923,40 +6207,40 @@ var QtiOutcomeDeclaration = class extends QtiVariableDeclaration {
   }
 };
 QtiOutcomeDeclaration.styles = [
-  css35`
+  css36`
       :host {
         display: none;
       }
     `
 ];
 __decorateClass([
-  property36({ type: String, attribute: "base-type" })
+  property38({ type: String, attribute: "base-type" })
 ], QtiOutcomeDeclaration.prototype, "baseType", 2);
 __decorateClass([
-  property36({ type: String, attribute: "external-scored" })
+  property38({ type: String, attribute: "external-scored" })
 ], QtiOutcomeDeclaration.prototype, "externalScored", 2);
 __decorateClass([
-  property36({ type: String })
+  property38({ type: String })
 ], QtiOutcomeDeclaration.prototype, "identifier", 2);
 __decorateClass([
-  property36({ type: String })
+  property38({ type: String })
 ], QtiOutcomeDeclaration.prototype, "cardinality", 2);
 __decorateClass([
-  consume4({ context: itemContext, subscribe: true }),
-  state14()
+  consume5({ context: itemContext, subscribe: true }),
+  state15()
 ], QtiOutcomeDeclaration.prototype, "itemContext", 2);
 QtiOutcomeDeclaration = __decorateClass([
   customElement47("qti-outcome-declaration")
 ], QtiOutcomeDeclaration);
 
 // src/lib/qti-components/qti-variable-declaration/qti-response-declaration/qti-response-declaration.ts
-import { consume as consume5 } from "@lit/context";
-import { css as css36, html as html50 } from "lit";
-import { customElement as customElement48, property as property37, state as state15 } from "lit/decorators.js";
+import { consume as consume6 } from "@lit/context";
+import { css as css37, html as html51 } from "lit";
+import { customElement as customElement48, property as property39, state as state16 } from "lit/decorators.js";
 var QtiResponseDeclaration = class extends QtiVariableDeclaration {
   render() {
     const value = this.itemContext?.variables.find((v) => v.identifier === this.identifier)?.value;
-    return html50`${JSON.stringify(value, null, 2)}`;
+    return html51`${JSON.stringify(value, null, 2)}`;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -5966,6 +6250,7 @@ var QtiResponseDeclaration = class extends QtiVariableDeclaration {
       correctResponse: this.correctResponse,
       cardinality: this.cardinality || "single",
       mapping: this.mapping,
+      areaMapping: this.areaMapping,
       value: null,
       type: "response",
       candidateResponse: null
@@ -6000,26 +6285,29 @@ var QtiResponseDeclaration = class extends QtiVariableDeclaration {
   get mapping() {
     return this.querySelector("qti-mapping");
   }
+  get areaMapping() {
+    return this.querySelector("qti-area-mapping");
+  }
 };
 QtiResponseDeclaration.styles = [
-  css36`
+  css37`
       :host {
         display: none;
       }
     `
 ];
 __decorateClass([
-  property37({ type: String, attribute: "base-type" })
+  property39({ type: String, attribute: "base-type" })
 ], QtiResponseDeclaration.prototype, "baseType", 2);
 __decorateClass([
-  property37({ type: String })
+  property39({ type: String })
 ], QtiResponseDeclaration.prototype, "identifier", 2);
 __decorateClass([
-  property37({ type: String })
+  property39({ type: String })
 ], QtiResponseDeclaration.prototype, "cardinality", 2);
 __decorateClass([
-  consume5({ context: itemContext, subscribe: true }),
-  state15()
+  consume6({ context: itemContext, subscribe: true }),
+  state16()
 ], QtiResponseDeclaration.prototype, "itemContext", 2);
 QtiResponseDeclaration = __decorateClass([
   customElement48("qti-response-declaration")
@@ -6090,7 +6378,9 @@ export {
   QtiLt,
   QtiLte,
   QtiMapResponse,
+  QtiMapResponsePoint,
   QtiMapping,
+  QtiAreaMapping,
   QtiMatch,
   QtiMember,
   QtiMultiple,
@@ -6111,4 +6401,4 @@ export {
   QtiOutcomeDeclaration,
   QtiResponseDeclaration
 };
-//# sourceMappingURL=chunk-NPHDN2TQ.js.map
+//# sourceMappingURL=chunk-5E4OEZCA.js.map