@citolab/qti-components 7.14.3 → 7.15.0

package/dist/base.d.ts

@@ -0,0 +1,8 @@
+export * from '@qti-components/base';
+import '@qti-components/elements';
+import '@qti-components/test';
+import '@qti-components/item';
+import '@qti-components/interactions';
+import '@qti-components/transformers';
+import '@qti-components/loader';
+import '@qti-components/processing';

package/dist/base.js

@@ -0,0 +1,50 @@
+import {
+  Correctness,
+  INITIAL_SESSION_CONTEXT,
+  INITIAL_TEST_CONTEXT,
+  Interaction,
+  IsNullOrUndefined,
+  QtiConditionExpression,
+  QtiExpression,
+  QtiFeedback,
+  QtiRuleElement,
+  QtiVariableDeclaration,
+  ScoringHelper,
+  computedContext,
+  computedItemContext,
+  configContext,
+  convertNumberToUniversalFormat,
+  decimalSeparator,
+  itemContext,
+  itemContextVariables,
+  qtiContext,
+  removeDoubleSlashes,
+  sessionContext,
+  testContext
+} from "./chunk-JEUY3MYB.js";
+import "./chunk-EUXUH3YW.js";
+export {
+  Correctness,
+  INITIAL_SESSION_CONTEXT,
+  INITIAL_TEST_CONTEXT,
+  Interaction,
+  IsNullOrUndefined,
+  QtiConditionExpression,
+  QtiExpression,
+  QtiFeedback,
+  QtiRuleElement,
+  QtiVariableDeclaration,
+  ScoringHelper,
+  computedContext,
+  computedItemContext,
+  configContext,
+  convertNumberToUniversalFormat,
+  decimalSeparator,
+  itemContext,
+  itemContextVariables,
+  qtiContext,
+  removeDoubleSlashes,
+  sessionContext,
+  testContext
+};
+//# sourceMappingURL=base.js.map

package/dist/{chunks/chunk-DGBI4IU5.js → chunk-2DOYPVF5.js}

@@ -1,27 +1,31 @@
 import {
-  item_default
-} from "./chunk-TN75CWLX.js";
+  item_default,
+  m
+} from "./chunk-W4SQRNWO.js";
 import {
   watch
-} from "./chunk-ELDMXTUQ.js";
+} from "./chunk-2ZEJ3RR5.js";
 import {
   qtiTransformItem
-} from "./chunk-XBPO6E25.js";
+} from "./chunk-INKI27D5.js";
 import {
-  computedItemContext
-} from "./chunk-4OGJBG35.js";
-import {
-  configContext
-} from "./chunk-BHJSX3Q6.js";
+  c,
+  computedItemContext,
+  configContext,
+  e,
+  i,
+  i2,
+  n,
+  r,
+  t,
+  x
+} from "./chunk-JEUY3MYB.js";
 import {
   __decorateClass
-} from "./chunk-H2JE6IVU.js";
+} from "./chunk-EUXUH3YW.js";
 
-// src/lib/qti-item/components/item-container.ts
-import { LitElement, html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { until } from "lit/directives/until.js";
-var ItemContainer = class extends LitElement {
+// ../qti-item/src/components/item-container/item-container.ts
+var ItemContainer = class extends i2 {
   constructor() {
     super(...arguments);
     this.itemURL = null;
@@ -60,7 +64,7 @@ var ItemContainer = class extends LitElement {
   }
   initializeTemplateContent() {
     const template = this.querySelector("template");
-    this.templateContent = template ? template.content : html``;
+    this.templateContent = template ? template.content : x``;
   }
   applyStyles() {
     const sheet = new CSSStyleSheet();
@@ -68,21 +72,21 @@ var ItemContainer = class extends LitElement {
     this.shadowRoot.adoptedStyleSheets = [sheet];
   }
   render() {
-    return html`
+    return x`
       ${this.templateContent}
       <slot></slot>
-      ${until(this.itemDoc, html`<span>Loading...</span>`)}
+      ${m(this.itemDoc, x`<span>Loading...</span>`)}
     `;
   }
 };
 __decorateClass([
-  property({ type: String, attribute: "item-url" })
+  n({ type: String, attribute: "item-url" })
 ], ItemContainer.prototype, "itemURL", 2);
 __decorateClass([
-  state()
+  r()
 ], ItemContainer.prototype, "itemDoc", 2);
 __decorateClass([
-  state()
+  r()
 ], ItemContainer.prototype, "itemXML", 2);
 __decorateClass([
   watch("itemURL", { waitUntilFirstUpdate: true })
@@ -91,91 +95,62 @@ __decorateClass([
   watch("itemXML", { waitUntilFirstUpdate: true })
 ], ItemContainer.prototype, "handleItemXMLChange", 1);
 ItemContainer = __decorateClass([
-  customElement("item-container")
+  t("item-container")
 ], ItemContainer);
 
-// src/lib/qti-item/components/print-item-variables.ts
-import { consume } from "@lit/context";
-import { css, html as html2, LitElement as LitElement2 } from "lit";
-import { customElement as customElement2 } from "lit/decorators.js";
-var PrintItemVariables = class extends LitElement2 {
+// ../qti-item/src/components/item-correct-response-mode/item-correct-response-mode.ts
+var ItemCorrectResponseMode = class extends i2 {
+  constructor() {
+    super(...arguments);
+    this.label = "Correct response mode";
+    this._options = {
+      internal: "Internal",
+      full: "Full (copy)"
+    };
+  }
+  _switchMode(view) {
+    this.dispatchEvent(
+      new CustomEvent("item-switch-correct-response-mode", {
+        detail: view,
+        bubbles: true
+      })
+    );
+  }
   render() {
-    const activeItem = this.computedContext;
-    if (!activeItem || !activeItem.variables) return html2``;
-    const responseVariables = activeItem.variables.filter((v) => v.type === "response");
-    const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
-    const renderTable = (variables, title) => html2`
-      <h3>${title}</h3>
-      <table>
-        <thead>
-          <tr>
-            <th>Identifier</th>
-            <th>Value</th>
-            <th>Cardinality</th>
-            <th>Base Type</th>
-            <th>Correct Response / Mappings</th>
-          </tr>
-        </thead>
-        <tbody>
-          ${variables.map((v) => {
-      const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
-      const mapEntries = v.mapping?.mapEntries?.map((m) => `${m.mapKey}=${m.mappedValue}pt`).join(", ") || "";
-      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m) => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(", ") || "";
-      return html2`
-              <tr>
-                <td>${v.identifier}</td>
-                <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
-                <td>${v.cardinality}</td>
-                <td>${v.baseType}</td>
-                <td>${correctResponse || mapEntries || areaMapEntries}</td>
-              </tr>
-            `;
-    })}
-        </tbody>
-      </table>
-    `;
-    return html2`
-      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
+    return x`
+      <label part="label" for="modeSelect">${this.label}</label>
+      <select
+        part="select"
+        id="modeSelect"
+        @change=${(e2) => {
+      const el = e2.target;
+      this._switchMode(el.value);
+    }}
+      >
+        ${Object.keys(this._options).map(
+      (value) => x`<option value="${value}" ?selected=${value === this.itemContext?.correctResponseMode}>
+              ${this._options[value]}
+            </option>`
+    )}
+      </select>
     `;
   }
 };
-PrintItemVariables.styles = css`
-    table {
-      width: 100%;
-      border-collapse: collapse;
-      margin: 20px 0;
-      font-size: 14px;
-      text-align: left;
-    }
-    th,
-    td {
-      border: 1px solid #ddd;
-      padding: 8px;
-    }
-    th {
-      background-color: #f4f4f4;
-      font-weight: bold;
-    }
-    h3 {
-      margin-top: 20px;
-      font-size: 16px;
-    }
-  `;
 __decorateClass([
-  consume({ context: computedItemContext, subscribe: true })
-], PrintItemVariables.prototype, "computedContext", 2);
-PrintItemVariables = __decorateClass([
-  customElement2("print-item-variables")
-], PrintItemVariables);
-
-// src/lib/qti-item/components/item-show-correct-response.ts
-import { css as css3, html as html3, LitElement as LitElement3 } from "lit";
-import { customElement as customElement3, property as property2 } from "lit/decorators.js";
-import { consume as consume2 } from "@lit/context";
+  c({ context: configContext, subscribe: true })
+], ItemCorrectResponseMode.prototype, "itemContext", 2);
+__decorateClass([
+  n({ type: String })
+], ItemCorrectResponseMode.prototype, "label", 2);
+__decorateClass([
+  r()
+], ItemCorrectResponseMode.prototype, "_options", 2);
+ItemCorrectResponseMode = __decorateClass([
+  t("item-correct-response-mode")
+], ItemCorrectResponseMode);
 
-// src/lib/qti-item/components/styles.ts
-import { css as css2 } from "lit";
-var form = css2`
+// ../qti-item/src/components/styles.ts
+var form = i`
   display: inline-flex;
   align-items: center;
   cursor: pointer;
@@ -183,21 +158,92 @@ var form = css2`
   border-radius: 0.25rem;
   user-select: none;
 `;
-var btn = css2`
+var btn = i`
   background-color: lightgray;
   ${form};
 `;
-var dis = css2`
+var dis = i`
   cursor: not-allowed;
   opacity: 0.8;
 `;
-var ind = css2`
+var ind = i`
   ${form};
   border: 1px solid gray;
 `;
 
-// src/lib/qti-item/components/item-show-correct-response.ts
-var ItemShowCorrectResponse = class extends LitElement3 {
+// ../qti-item/src/components/item-show-candidate-correction/item-show-candidate-correction.ts
+var ItemShowCandidateCorrection = class extends i2 {
+  // Store previous active item reference
+  constructor() {
+    super();
+    this.shown = false;
+    this.disabled = false;
+    this.showCandidateCorrectionText = "Show candidate correction";
+    this.hideCandidateCorrectionText = "Hide candidate correction";
+    this.noCorrectResponseText = "No correct response specified";
+    this._hasCorrectResponse = false;
+    // correct response is removed on certain point
+    this._previousActiveItem = "";
+  }
+  updated() {
+    if (!this._hasCorrectResponse || this._previousActiveItem !== this.computedContext?.identifier) {
+      this._previousActiveItem = this.computedContext?.identifier;
+      const containsCorrectResponse = !!this.computedContext?.variables.some((v) => v["correctResponse"]);
+      const containsMapping = !!this.computedContext?.variables.some((v) => {
+        return v["mapping"]?.mapEntries?.length > 0 || v["areaMapping"]?.areaMapEntries?.length > 0;
+      });
+      this._hasCorrectResponse = containsCorrectResponse || containsMapping;
+    }
+    this.disabled = !this._hasCorrectResponse;
+  }
+  _toggleState() {
+    if (this.disabled) return;
+    this.dispatchEvent(
+      new CustomEvent("item-show-candidate-correction", {
+        detail: !this.shown,
+        bubbles: true
+      })
+    );
+  }
+  _getDisplayedText() {
+    return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCandidateCorrectionText : this.showCandidateCorrectionText;
+  }
+  render() {
+    return x` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
+  }
+};
+ItemShowCandidateCorrection.styles = i`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  c({ context: computedItemContext, subscribe: true })
+], ItemShowCandidateCorrection.prototype, "computedContext", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], ItemShowCandidateCorrection.prototype, "shown", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], ItemShowCandidateCorrection.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: String })
+], ItemShowCandidateCorrection.prototype, "showCandidateCorrectionText", 2);
+__decorateClass([
+  n({ type: String })
+], ItemShowCandidateCorrection.prototype, "hideCandidateCorrectionText", 2);
+__decorateClass([
+  n({ type: String })
+], ItemShowCandidateCorrection.prototype, "noCorrectResponseText", 2);
+ItemShowCandidateCorrection = __decorateClass([
+  t("item-show-candidate-correction")
+], ItemShowCandidateCorrection);
+
+// ../qti-item/src/components/item-show-correct-response/item-show-correct-response.ts
+var ItemShowCorrectResponse = class extends i2 {
   constructor() {
     super(...arguments);
     this.shown = false;
@@ -234,10 +280,10 @@ var ItemShowCorrectResponse = class extends LitElement3 {
     return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
   }
   render() {
-    return html3` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
+    return x` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
   }
 };
-ItemShowCorrectResponse.styles = css3`
+ItemShowCorrectResponse.styles = i`
     :host {
       ${btn};
     }
@@ -246,32 +292,100 @@ ItemShowCorrectResponse.styles = css3`
     }
   `;
 __decorateClass([
-  consume2({ context: computedItemContext, subscribe: true })
+  c({ context: computedItemContext, subscribe: true })
 ], ItemShowCorrectResponse.prototype, "computedContext", 2);
 __decorateClass([
-  property2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], ItemShowCorrectResponse.prototype, "shown", 2);
 __decorateClass([
-  property2({ type: Boolean, reflect: true })
+  n({ type: Boolean, reflect: true })
 ], ItemShowCorrectResponse.prototype, "disabled", 2);
 __decorateClass([
-  property2({ type: String })
+  n({ type: String })
 ], ItemShowCorrectResponse.prototype, "showCorrectText", 2);
 __decorateClass([
-  property2({ type: String })
+  n({ type: String })
 ], ItemShowCorrectResponse.prototype, "hideCorrectText", 2);
 __decorateClass([
-  property2({ type: String })
+  n({ type: String })
 ], ItemShowCorrectResponse.prototype, "noCorrectResponseText", 2);
 ItemShowCorrectResponse = __decorateClass([
-  customElement3("item-show-correct-response")
+  t("item-show-correct-response")
 ], ItemShowCorrectResponse);
 
-// src/lib/qti-item/core/qti-item.ts
-import { provide } from "@lit/context";
-import { html as html4, LitElement as LitElement4 } from "lit";
-import { customElement as customElement4, state as state2 } from "lit/decorators.js";
-var QtiItem = class extends LitElement4 {
+// ../qti-item/src/components/item-print-variables/item-print-variables.ts
+var ItemPrintVariables = class extends i2 {
+  render() {
+    const activeItem = this.computedContext;
+    if (!activeItem || !activeItem.variables) return x``;
+    const responseVariables = activeItem.variables.filter((v) => v.type === "response");
+    const outcomeVariables = activeItem.variables.filter((v) => v.type === "outcome");
+    const renderTable = (variables, title) => x`
+      <h3>${title}</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Identifier</th>
+            <th>Value</th>
+            <th>Cardinality</th>
+            <th>Base Type</th>
+            <th>Correct Response / Mappings</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${variables.map((v) => {
+      const correctResponse = v.correctResponse ? Array.isArray(v.correctResponse) ? v.correctResponse.join(", ") : v.correctResponse : "";
+      const mapEntries = v.mapping?.mapEntries?.map((m2) => `${m2.mapKey}=${m2.mappedValue}pt`).join(", ") || "";
+      const areaMapEntries = v.areaMapping?.areaMapEntries?.map((m2) => `${m2.shape}(${m2.coords})=${m2.mappedValue}pt`).join(", ") || "";
+      return x`
+              <tr>
+                <td>${v.identifier}</td>
+                <td>${Array.isArray(v.value) ? v.value.join(", ") : v.value}</td>
+                <td>${v.cardinality}</td>
+                <td>${v.baseType}</td>
+                <td>${correctResponse || mapEntries || areaMapEntries}</td>
+              </tr>
+            `;
+    })}
+        </tbody>
+      </table>
+    `;
+    return x`
+      ${renderTable(responseVariables, "Response Variables")} ${renderTable(outcomeVariables, "Outcome Variables")}
+    `;
+  }
+};
+ItemPrintVariables.styles = i`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 20px 0;
+      font-size: 14px;
+      text-align: left;
+    }
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    th {
+      background-color: #f4f4f4;
+      font-weight: bold;
+    }
+    h3 {
+      margin-top: 20px;
+      font-size: 16px;
+    }
+  `;
+__decorateClass([
+  c({ context: computedItemContext, subscribe: true })
+], ItemPrintVariables.prototype, "computedContext", 2);
+ItemPrintVariables = __decorateClass([
+  t("item-print-variables")
+], ItemPrintVariables);
+
+// ../qti-item/src/components/qti-item/qti-item.ts
+var QtiItem = class extends i2 {
   constructor() {
     super();
     this.configContext = {};
@@ -287,12 +401,12 @@ var QtiItem = class extends LitElement4 {
     this.addEventListener("item-show-candidate-correction", this._onHandleShowCandidateCorrection);
     this.addEventListener("item-switch-correct-response-mode", this._onHandleSwitchCorrectResponseMode);
   }
-  _handleItemContextChanged(e) {
-    this._updateItemVariablesInTestContext(e.detail.itemContext.identifier, e.detail?.itemContext?.variables || []);
+  _handleItemContextChanged(e2) {
+    this._updateItemVariablesInTestContext(e2.detail.itemContext.identifier, e2.detail?.itemContext?.variables || []);
   }
-  _handleAssessmentItemConnected(e) {
-    const fullVariables = e.detail._context.variables;
-    this._qtiAssessmentItem = e.detail;
+  _handleAssessmentItemConnected(e2) {
+    const fullVariables = e2.detail._context.variables;
+    this._qtiAssessmentItem = e2.detail;
     this.computedContext = this.computedContext?.identifier === this._qtiAssessmentItem.identifier ? { ...this.computedContext, title: this._qtiAssessmentItem.title } : {
       identifier: this._qtiAssessmentItem.identifier,
       title: this._qtiAssessmentItem.title,
@@ -302,21 +416,21 @@ var QtiItem = class extends LitElement4 {
     };
     this._updateItemVariablesInTestContext(this._qtiAssessmentItem.identifier, fullVariables || []);
   }
-  _handleShowCorrectResponse(e) {
+  _handleShowCorrectResponse(e2) {
     if (this._qtiAssessmentItem) {
-      this._qtiAssessmentItem.showCorrectResponse(e.detail);
+      this._qtiAssessmentItem.showCorrectResponse(e2.detail);
     }
   }
-  _handleShowCandidateCorrection(e) {
+  _handleShowCandidateCorrection(e2) {
     if (this._qtiAssessmentItem) {
-      this._qtiAssessmentItem.showCandidateCorrection(e.detail);
+      this._qtiAssessmentItem.showCandidateCorrection(e2.detail);
     }
   }
-  _handleSwitchCorrectResponseMode(e) {
+  _handleSwitchCorrectResponseMode(e2) {
     this._handleShowCorrectResponse(new CustomEvent("item-show-correct-response", { detail: false, bubbles: true }));
     this.configContext = {
       ...this.configContext,
-      correctResponseMode: e.detail
+      correctResponseMode: e2.detail
     };
   }
   _updateItemVariablesInTestContext(identifier, variables) {
@@ -336,7 +450,7 @@ var QtiItem = class extends LitElement4 {
     };
   }
   render() {
-    return html4`<slot></slot>`;
+    return x`<slot></slot>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -345,21 +459,23 @@ var QtiItem = class extends LitElement4 {
   }
 };
 __decorateClass([
-  state2(),
-  provide({ context: computedItemContext })
+  r(),
+  e({ context: computedItemContext })
 ], QtiItem.prototype, "computedContext", 2);
 __decorateClass([
-  state2(),
-  provide({ context: configContext })
+  r(),
+  e({ context: configContext })
 ], QtiItem.prototype, "configContext", 2);
 QtiItem = __decorateClass([
-  customElement4("qti-item")
+  t("qti-item")
 ], QtiItem);
 
 export {
   ItemContainer,
-  PrintItemVariables,
+  ItemCorrectResponseMode,
+  ItemShowCandidateCorrection,
   ItemShowCorrectResponse,
+  ItemPrintVariables,
   QtiItem
 };
-//# sourceMappingURL=chunk-DGBI4IU5.js.map
+//# sourceMappingURL=chunk-2DOYPVF5.js.map

package/dist/chunk-2DOYPVF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../qti-item/src/components/item-container/item-container.ts","../../qti-item/src/components/item-correct-response-mode/item-correct-response-mode.ts","../../qti-item/src/components/styles.ts","../../qti-item/src/components/item-show-candidate-correction/item-show-candidate-correction.ts","../../qti-item/src/components/item-show-correct-response/item-show-correct-response.ts","../../qti-item/src/components/item-print-variables/item-print-variables.ts","../../qti-item/src/components/qti-item/qti-item.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\n\nimport { watch } from '@qti-components/utilities';\nimport { qtiTransformItem } from '@qti-components/transformers';\nimport itemCss from '@qti-components/theme/src/item.css?inline';\n\n/**\n * `<item-container>` is a custom element designed for hosting the qti-assessment-item.\n * The `qti-assessment-item` will be placed inside the shadow DOM of this element.\n * The element loads the item from the provided URL and renders it inside the shadow DOM.\n *\n * ### Styling\n * Add a class to the element for styling.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n@customElement('item-container')\nexport class ItemContainer extends LitElement {\n  /** URL of the item to load */\n  @property({ type: String, attribute: 'item-url' })\n  itemURL: string = null;\n\n  /** A parsed HTML document */\n  @state()\n  itemDoc: DocumentFragment = null;\n\n  /** The raw XML string */\n  @state()\n  itemXML: string = null;\n\n  /** Template content if provided */\n  private templateContent: unknown = null;\n\n  @watch('itemURL', { waitUntilFirstUpdate: true })\n  protected async handleItemURLChange() {\n    if (!this.itemURL) return;\n    try {\n      const api = await qtiTransformItem().load(this.itemURL);\n      this.itemDoc = api.htmlDoc();\n    } catch (error) {\n      console.error('Error loading or parsing XML:', error);\n    }\n  }\n\n  @watch('itemXML', { waitUntilFirstUpdate: true })\n  protected handleItemXMLChange() {\n    if (!this.itemXML) return;\n    try {\n      this.itemDoc = qtiTransformItem().parse(this.itemXML).htmlDoc();\n    } catch (error) {\n      console.error('Error parsing XML:', error);\n    }\n  }\n\n  override async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    this.initializeTemplateContent();\n    this.applyStyles();\n    if (this.itemURL) {\n      this.handleItemURLChange();\n    }\n    if (this.itemXML) {\n      this.handleItemXMLChange();\n    }\n  }\n\n  private initializeTemplateContent() {\n    const template = this.querySelector('template') as HTMLTemplateElement;\n    this.templateContent = template ? template.content : html``;\n  }\n\n  private applyStyles() {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(itemCss);\n    this.shadowRoot.adoptedStyleSheets = [sheet];\n  }\n\n  override render() {\n    return html`\n      ${this.templateContent}\n      <slot></slot>\n      ${until(this.itemDoc, html`<span>Loading...</span>`)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-container': ItemContainer;\n  }\n}\n","import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { configContext } from '@qti-components/base';\n\nimport type { ConfigContext, CorrectResponseMode } from '@qti-components/base';\n\n@customElement('item-correct-response-mode')\nexport class ItemCorrectResponseMode extends LitElement {\n  @consume({ context: configContext, subscribe: true })\n  private itemContext: ConfigContext;\n\n  @property({ type: String })\n  label = 'Correct response mode';\n\n  @state()\n  private _options = {\n    internal: 'Internal',\n    full: 'Full (copy)'\n  };\n\n  private _switchMode(view: CorrectResponseMode) {\n    this.dispatchEvent(\n      new CustomEvent('item-switch-correct-response-mode', {\n        detail: view,\n        bubbles: true\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      <label part=\"label\" for=\"modeSelect\">${this.label}</label>\n      <select\n        part=\"select\"\n        id=\"modeSelect\"\n        @change=${(e: Event) => {\n          const el = e.target as HTMLSelectElement;\n          this._switchMode(el.value as CorrectResponseMode);\n        }}\n      >\n        ${Object.keys(this._options).map(\n          value =>\n            html`<option value=\"${value}\" ?selected=${value === this.itemContext?.correctResponseMode}>\n              ${this._options[value as keyof typeof this._options]}\n            </option>`\n        )}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-correct-response-mode': ItemCorrectResponseMode;\n  }\n}\n","import { css } from 'lit';\n\nexport const form = css`\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem 1rem;\n  border-radius: 0.25rem;\n  user-select: none;\n`;\n\nexport const btn = css`\n  background-color: lightgray;\n  ${form};\n`;\n\nexport const dis = css`\n  cursor: not-allowed;\n  opacity: 0.8;\n`;\n\nexport const ind = css`\n  ${form};\n  border: 1px solid gray;\n`;\n","import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { computedItemContext } from '@qti-components/base';\n\nimport * as styles from '../styles';\n\nimport type { ComputedItemContext } from '@qti-components/base';\n\n@customElement('item-show-candidate-correction')\nexport class ItemShowCandidateCorrection extends LitElement {\n  @consume({ context: computedItemContext, subscribe: true })\n  public computedContext?: ComputedItemContext;\n\n  static override styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) shown = false;\n  @property({ type: Boolean, reflect: true }) disabled = false; // Reflects to `disabled` attribute\n  @property({ type: String }) showCandidateCorrectionText = 'Show candidate correction';\n  @property({ type: String }) hideCandidateCorrectionText = 'Hide candidate correction';\n  @property({ type: String }) noCorrectResponseText = 'No correct response specified';\n\n  private _hasCorrectResponse = false; // correct response is removed on certain point\n  private _previousActiveItem = ''; // Store previous active item reference\n\n  constructor() {\n    super();\n  }\n\n  override updated() {\n    if (!this._hasCorrectResponse || this._previousActiveItem !== this.computedContext?.identifier) {\n      this._previousActiveItem = this.computedContext?.identifier;\n      const containsCorrectResponse = !!this.computedContext?.variables.some(v => (v as any)['correctResponse']);\n      const containsMapping = !!this.computedContext?.variables.some(v => {\n        return (v as any)['mapping']?.mapEntries?.length > 0 || (v as any)['areaMapping']?.areaMapEntries?.length > 0;\n      });\n      this._hasCorrectResponse = containsCorrectResponse || containsMapping;\n    }\n    this.disabled = !this._hasCorrectResponse;\n  }\n\n  private _toggleState() {\n    if (this.disabled) return; // Prevent toggle if disabled\n\n    this.dispatchEvent(\n      new CustomEvent('item-show-candidate-correction', {\n        detail: !this.shown,\n        bubbles: true\n      })\n    );\n  }\n\n  private _getDisplayedText(): string {\n    return this.disabled\n      ? this.noCorrectResponseText\n      : this.shown\n        ? this.hideCandidateCorrectionText\n        : this.showCandidateCorrectionText;\n  }\n\n  override render() {\n    return html` <div @click=\"${this._toggleState}\">${this._getDisplayedText()}</div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-show-candidate-correction': ItemShowCandidateCorrection;\n  }\n}\n","import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { computedItemContext } from '@qti-components/base';\n\nimport * as styles from '../styles';\n\nimport type { ComputedItemContext } from '@qti-components/base';\n\n@customElement('item-show-correct-response')\nexport class ItemShowCorrectResponse extends LitElement {\n  @consume({ context: computedItemContext, subscribe: true })\n  public computedContext?: ComputedItemContext;\n\n  static override styles = css`\n    :host {\n      ${styles.btn};\n    }\n    :host([disabled]) {\n      ${styles.dis};\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) shown = false;\n  @property({ type: Boolean, reflect: true }) disabled = false; // Reflects to `disabled` attribute\n  @property({ type: String }) showCorrectText = 'Show correct response';\n  @property({ type: String }) hideCorrectText = 'Hide correct response';\n  @property({ type: String }) noCorrectResponseText = 'No correct response specified';\n\n  private _hasCorrectResponse = false; // correct response is removed on certain point\n  private _previousActiveItem = ''; // Store previous active item reference\n\n  override updated() {\n    if (!this._hasCorrectResponse || this._previousActiveItem !== this.computedContext?.identifier) {\n      this._previousActiveItem = this.computedContext?.identifier;\n      const containsCorrectResponse = !!this.computedContext?.variables.some(v => (v as any)['correctResponse']);\n      const containsMapping = !!this.computedContext?.variables.some(v => {\n        return (v as any)['mapping']?.mapEntries?.length > 0 || (v as any)['areaMapping']?.areaMapEntries?.length > 0;\n      });\n      this._hasCorrectResponse = containsCorrectResponse || containsMapping;\n    }\n    this.disabled = !this._hasCorrectResponse;\n  }\n\n  private _toggleState() {\n    if (this.disabled) return; // Prevent toggle if disabled\n\n    this.dispatchEvent(\n      new CustomEvent('item-show-correct-response', {\n        detail: !this.shown,\n        bubbles: true\n      })\n    );\n  }\n\n  private _getDisplayedText(): string {\n    return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;\n  }\n\n  override render() {\n    return html` <div @click=\"${this._toggleState}\">${this._getDisplayedText()}</div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-show-correct-response': ItemShowCorrectResponse;\n  }\n}\n","import { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { computedItemContext } from '@qti-components/base';\n\nimport type { ResponseVariable } from '@qti-components/base';\nimport type { ComputedItemContext } from '@qti-components/base';\n\n@customElement('item-print-variables')\nexport class ItemPrintVariables extends LitElement {\n  @consume({ context: computedItemContext, subscribe: true })\n  protected computedContext?: ComputedItemContext;\n\n  static override styles = css`\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 20px 0;\n      font-size: 14px;\n      text-align: left;\n    }\n    th,\n    td {\n      border: 1px solid #ddd;\n      padding: 8px;\n    }\n    th {\n      background-color: #f4f4f4;\n      font-weight: bold;\n    }\n    h3 {\n      margin-top: 20px;\n      font-size: 16px;\n    }\n  `;\n\n  override render() {\n    const activeItem = this.computedContext;\n\n    if (!activeItem || !activeItem.variables) return html``;\n\n    const responseVariables: ResponseVariable[] = activeItem.variables.filter(v => v.type === 'response');\n    const outcomeVariables = activeItem.variables.filter(v => v.type === 'outcome');\n\n    const renderTable = (variables: ResponseVariable[], title: string) => html`\n      <h3>${title}</h3>\n      <table>\n        <thead>\n          <tr>\n            <th>Identifier</th>\n            <th>Value</th>\n            <th>Cardinality</th>\n            <th>Base Type</th>\n            <th>Correct Response / Mappings</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${variables.map(v => {\n            const correctResponse = v.correctResponse\n              ? Array.isArray(v.correctResponse)\n                ? v.correctResponse.join(', ')\n                : v.correctResponse\n              : '';\n\n            const mapEntries = v.mapping?.mapEntries?.map(m => `${m.mapKey}=${m.mappedValue}pt`).join(', ') || '';\n\n            const areaMapEntries =\n              v.areaMapping?.areaMapEntries?.map(m => `${m.shape}(${m.coords})=${m.mappedValue}pt`).join(', ') || '';\n\n            return html`\n              <tr>\n                <td>${v.identifier}</td>\n                <td>${Array.isArray(v.value) ? v.value.join(', ') : v.value}</td>\n                <td>${v.cardinality}</td>\n                <td>${v.baseType}</td>\n                <td>${correctResponse || mapEntries || areaMapEntries}</td>\n              </tr>\n            `;\n          })}\n        </tbody>\n      </table>\n    `;\n\n    return html`\n      ${renderTable(responseVariables, 'Response Variables')} ${renderTable(outcomeVariables, 'Outcome Variables')}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-print-variables': ItemPrintVariables;\n  }\n}\n","import { provide } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport { computedItemContext } from '@qti-components/base';\nimport { configContext } from '@qti-components/base';\n\nimport type { QtiAssessmentItem } from '@qti-components/elements';\nimport type { ConfigContext, CorrectResponseMode } from '@qti-components/base';\nimport type { ItemContext } from '@qti-components/base';\nimport type { VariableDeclaration } from '@qti-components/base';\nimport type { ComputedItemContext } from '@qti-components/base';\n\n/**\n * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\n * It can also host some functionalities to interact with the item like scoring, showing feedback, etc.\n * Placing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\n * See `<item-container>` for more details.\n *\n * ```html\n * <qti-item>\n *   <item-container class=\"m-4 bg-white\" item-url=\"./path/to/item.xml\"></item-container>\n * </qti-item>\n * ```\n */\n@customElement('qti-item')\nexport class QtiItem extends LitElement {\n  @state()\n  @provide({ context: computedItemContext })\n  public computedContext: ComputedItemContext;\n  private _qtiAssessmentItem?: QtiAssessmentItem;\n\n  @state()\n  @provide({ context: configContext })\n  public configContext: ConfigContext = {};\n\n  // Store event handlers as instance properties\n  private _onItemContextChanged = this._handleItemContextChanged.bind(this);\n  private _onAssessmentItemConnected = this._handleAssessmentItemConnected.bind(this);\n\n  private _onHandleShowCorrectResponse = this._handleShowCorrectResponse.bind(this);\n  private _onHandleShowCandidateCorrection = this._handleShowCandidateCorrection.bind(this);\n  private _onHandleSwitchCorrectResponseMode = this._handleSwitchCorrectResponseMode.bind(this);\n\n  constructor() {\n    super();\n    this.addEventListener('qti-item-context-updated', this._onItemContextChanged);\n    this.addEventListener('qti-assessment-item-connected', this._onAssessmentItemConnected);\n    this.addEventListener('item-show-correct-response', this._onHandleShowCorrectResponse);\n    this.addEventListener('item-show-candidate-correction', this._onHandleShowCandidateCorrection);\n    this.addEventListener('item-switch-correct-response-mode', this._onHandleSwitchCorrectResponseMode);\n  }\n\n  private _handleItemContextChanged(e: CustomEvent<{ itemContext: ItemContext }>) {\n    this._updateItemVariablesInTestContext(e.detail.itemContext.identifier, e.detail?.itemContext?.variables || []);\n  }\n\n  private _handleAssessmentItemConnected(e: CustomEvent<QtiAssessmentItem>) {\n    const fullVariables = (e.detail as any)._context.variables;\n    this._qtiAssessmentItem = e.detail;\n    this.computedContext =\n      this.computedContext?.identifier === this._qtiAssessmentItem.identifier\n        ? { ...this.computedContext, title: this._qtiAssessmentItem.title }\n        : ({\n            identifier: this._qtiAssessmentItem.identifier,\n            title: this._qtiAssessmentItem.title,\n            adaptive: this._qtiAssessmentItem.getAttribute('adaptive')?.toLowerCase() === 'true' || false,\n            variables: fullVariables,\n            correctResponseMode: 'internal'\n          } as ComputedItemContext);\n    this._updateItemVariablesInTestContext(this._qtiAssessmentItem.identifier, fullVariables || []);\n  }\n\n  private _handleShowCorrectResponse(e: CustomEvent<boolean>) {\n    if (this._qtiAssessmentItem) {\n      this._qtiAssessmentItem.showCorrectResponse(e.detail);\n    }\n  }\n\n  private _handleShowCandidateCorrection(e: CustomEvent<boolean>) {\n    if (this._qtiAssessmentItem) {\n      this._qtiAssessmentItem.showCandidateCorrection(e.detail);\n    }\n  }\n\n  private _handleSwitchCorrectResponseMode(e: CustomEvent<CorrectResponseMode>) {\n    // Switch off the correct response first\n    this._handleShowCorrectResponse(new CustomEvent('item-show-correct-response', { detail: false, bubbles: true }));\n\n    this.configContext = {\n      ...this.configContext,\n      correctResponseMode: e.detail\n    };\n  }\n\n  private _updateItemVariablesInTestContext(\n    identifier: string,\n    variables: readonly VariableDeclaration<string | string[] | null>[]\n  ): void {\n    const rawscore = variables?.find(vr => vr.identifier == 'SCORE')?.value;\n    const score = parseFloat(rawscore?.toString());\n    const completionStatus = variables?.find(v => v.identifier === 'completionStatus')?.value;\n\n    const correct = score !== undefined && !isNaN(score) && score > 0;\n    const incorrect = score !== undefined && !isNaN(score) && score <= 0;\n    const completed = completionStatus === 'completed';\n    this.computedContext = {\n      ...this.computedContext,\n      identifier,\n      correct,\n      incorrect,\n      completed,\n      variables\n    };\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('qti-item-context-changed', this._onItemContextChanged);\n    this.removeEventListener('qti-assessment-item-connected', this._onAssessmentItemConnected);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'qti-item': QtiItem;\n  }\n}\n"],"mappings":"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","names":["i","i","e","i","i","i","m","i","e"]}