@citolab/qti-components 7.3.19 → 7.3.20

package/dist/qti-item/components/item-container.js

@@ -1,7 +1,7 @@
 import {
   ItemContainer
-} from "../../chunks/chunk-H67RKRFW.js";
-import "../../chunks/chunk-6TDSFDGN.js";
+} from "../../chunks/chunk-565QP4OA.js";
+import "../../chunks/chunk-7XIK3UQX.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
 import "../../chunks/chunk-WFUXZ4UT.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-item/components/item-correct-response-mode.d.ts

@@ -0,0 +1,17 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+
+declare class ItemCorrectResponseMode extends LitElement {
+    private itemContext;
+    label: string;
+    private _options;
+    private _switchMode;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'item-correct-response-mode': ItemCorrectResponseMode;
+    }
+}
+
+export { ItemCorrectResponseMode };

package/dist/qti-item/components/item-correct-response-mode.js

@@ -0,0 +1,62 @@
+import {
+  configContext
+} from "../../chunks/chunk-NRKCQIQS.js";
+import {
+  __decorateClass
+} from "../../chunks/chunk-H2JE6IVU.js";
+
+// src/lib/qti-item/components/item-correct-response-mode.ts
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var ItemCorrectResponseMode = class extends LitElement {
+  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() {
+    return html`
+      <label part="label" for="modeSelect">${this.label}</label>
+      <select
+        part="select"
+        id="modeSelect"
+        @change=${(e) => {
+      const el = e.target;
+      this._switchMode(el.value);
+    }}
+      >
+        ${Object.keys(this._options).map(
+      (value) => html`<option value="${value}" ?selected=${value === this.itemContext?.correctResponseMode}>${this._options[value]}</option>`
+    )}
+      </select>
+    `;
+  }
+};
+__decorateClass([
+  consume({ context: configContext, subscribe: true })
+], ItemCorrectResponseMode.prototype, "itemContext", 2);
+__decorateClass([
+  property({ type: String })
+], ItemCorrectResponseMode.prototype, "label", 2);
+__decorateClass([
+  state()
+], ItemCorrectResponseMode.prototype, "_options", 2);
+ItemCorrectResponseMode = __decorateClass([
+  customElement("item-correct-response-mode")
+], ItemCorrectResponseMode);
+export {
+  ItemCorrectResponseMode
+};
+//# sourceMappingURL=item-correct-response-mode.js.map

package/dist/qti-item/components/item-correct-response-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/qti-item/components/item-correct-response-mode.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport { configContext } from '../../exports/config.context.ts';\n\nimport type { ConfigContext, CorrectResponseMode } from '../../exports/config.context.ts';\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  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 => html`<option value=\"${value}\" ?selected=${value === this.itemContext?.correctResponseMode}>${this._options[value]}</option>`\n        )}\n      </select>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'item-correct-response-mode': ItemCorrectResponseMode;\n  }\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,MAAM,kBAAkB;AACjC,SAAS,eAAe,UAAU,aAAa;AAC/C,SAAS,eAAe;AAOjB,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAAjD;AAAA;AAKL,iBAAQ;AAGR,SAAQ,WAAW;AAAA,MACjB,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA;AAAA,EAEQ,YAAY,MAA2B;AAC7C,SAAK;AAAA,MACH,IAAI,YAAY,qCAAqC;AAAA,QACnD,QAAQ;AAAA,QACR,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,6CACkC,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIrC,CAAC,MAAa;AACtB,YAAM,KAAK,EAAE;AACb,WAAK,YAAY,GAAG,KAA4B;AAAA,IAClD,CAAC;AAAA;AAAA,UAEC,OAAO,KAAK,KAAK,QAAQ,EAAE;AAAA,MAC3B,WAAS,sBAAsB,KAAK,eAAe,UAAU,KAAK,aAAa,mBAAmB,IAAI,KAAK,SAAS,KAAK,CAAC;AAAA,IAC5H,CAAC;AAAA;AAAA;AAAA,EAGP;AACF;AArCU;AAAA,EADP,QAAQ,EAAE,SAAS,eAAe,WAAW,KAAK,CAAC;AAAA,GADzC,wBAEH;AAGR;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAJf,wBAKX;AAGQ;AAAA,EADP,MAAM;AAAA,GAPI,wBAQH;AARG,0BAAN;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B;","names":[]}

package/dist/qti-item/components/item-show-candidate-correction.d.ts

@@ -0,0 +1,33 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import { ComputedItemContext } from '../../exports/computed-item.context.js';
+import '../../qti-response-declaration-xVcD4HvN.js';
+import '../../exports/expression-result.js';
+import '../../exports/interaction.interface.js';
+import 'lit-html/directives/ref.js';
+import '../../exports/qti.context.js';
+
+declare class ItemShowCandidateCorrection extends LitElement {
+    computedContext?: ComputedItemContext;
+    static styles: lit.CSSResult;
+    shown: boolean;
+    disabled: boolean;
+    showCandidateCorrectionText: string;
+    hideCandidateCorrectionText: string;
+    noCorrectResponseText: string;
+    private _hasCorrectResponse;
+    private _previousActiveItem;
+    constructor();
+    updated(): void;
+    private _toggleState;
+    private _getDisplayedText;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'item-show-candidate-correction': ItemShowCandidateCorrection;
+    }
+}
+
+export { ItemShowCandidateCorrection };

package/dist/qti-item/components/item-show-candidate-correction.js

@@ -0,0 +1,88 @@
+import {
+  btn,
+  dis
+} from "../../chunks/chunk-DZAMXOSC.js";
+import {
+  computedItemContext
+} from "../../chunks/chunk-4OGJBG35.js";
+import {
+  __decorateClass
+} from "../../chunks/chunk-H2JE6IVU.js";
+
+// src/lib/qti-item/components/item-show-candidate-correction.ts
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { consume } from "@lit/context";
+var ItemShowCandidateCorrection = class extends LitElement {
+  // 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 html` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
+  }
+};
+ItemShowCandidateCorrection.styles = css`
+    :host {
+      ${btn};
+    }
+    :host([disabled]) {
+      ${dis};
+    }
+  `;
+__decorateClass([
+  consume({ context: computedItemContext, subscribe: true })
+], ItemShowCandidateCorrection.prototype, "computedContext", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], ItemShowCandidateCorrection.prototype, "shown", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], ItemShowCandidateCorrection.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: String })
+], ItemShowCandidateCorrection.prototype, "showCandidateCorrectionText", 2);
+__decorateClass([
+  property({ type: String })
+], ItemShowCandidateCorrection.prototype, "hideCandidateCorrectionText", 2);
+__decorateClass([
+  property({ type: String })
+], ItemShowCandidateCorrection.prototype, "noCorrectResponseText", 2);
+ItemShowCandidateCorrection = __decorateClass([
+  customElement("item-show-candidate-correction")
+], ItemShowCandidateCorrection);
+export {
+  ItemShowCandidateCorrection
+};
+//# sourceMappingURL=item-show-candidate-correction.js.map

package/dist/qti-item/components/item-show-candidate-correction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/qti-item/components/item-show-candidate-correction.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\n\nimport * as styles from './styles';\nimport { computedItemContext } from '../../exports/computed-item.context';\n\nimport type { ComputedItemContext } from '../../exports/computed-item.context';\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 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  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['correctResponse']);\n      const containsMapping = !!this.computedContext?.variables.some(v => {\n        return v['mapping']?.mapEntries?.length > 0 || v['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 ? this.noCorrectResponseText : this.shown ? this.hideCandidateCorrectionText : this.showCandidateCorrectionText;\n  }\n\n  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"],"mappings":";;;;;;;;;;;;AAAA,SAAS,KAAK,MAAM,kBAAkB;AACtC,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAAe;AAQjB,IAAM,8BAAN,cAA0C,WAAW;AAAA;AAAA,EAsB1D,cAAc;AACZ,UAAM;AAVoC,iBAAQ;AACR,oBAAW;AAC3B,uCAA8B;AAC9B,uCAA8B;AAC9B,iCAAwB;AAEpD,SAAQ,sBAAsB;AAC9B;AAAA,SAAQ,sBAAsB;AAAA,EAI9B;AAAA,EAEA,UAAU;AACR,QAAI,CAAC,KAAK,uBAAuB,KAAK,wBAAwB,KAAK,iBAAiB,YAAY;AAC9F,WAAK,sBAAsB,KAAK,iBAAiB;AACjD,YAAM,0BAA0B,CAAC,CAAC,KAAK,iBAAiB,UAAU,KAAK,OAAK,EAAE,iBAAiB,CAAC;AAChG,YAAM,kBAAkB,CAAC,CAAC,KAAK,iBAAiB,UAAU,KAAK,OAAK;AAClE,eAAO,EAAE,SAAS,GAAG,YAAY,SAAS,KAAK,EAAE,aAAa,GAAG,gBAAgB,SAAS;AAAA,MAC5F,CAAC;AACD,WAAK,sBAAsB,2BAA2B;AAAA,IACxD;AACA,SAAK,WAAW,CAAC,KAAK;AAAA,EACxB;AAAA,EAEQ,eAAe;AACrB,QAAI,KAAK,SAAU;AAEnB,SAAK;AAAA,MACH,IAAI,YAAY,kCAAkC;AAAA,QAChD,QAAQ,CAAC,KAAK;AAAA,QACd,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,oBAA4B;AAClC,WAAO,KAAK,WAAW,KAAK,wBAAwB,KAAK,QAAQ,KAAK,8BAA8B,KAAK;AAAA,EAC3G;AAAA,EAEA,SAAS;AACP,WAAO,qBAAqB,KAAK,YAAY,KAAK,KAAK,kBAAkB,CAAC;AAAA,EAC5E;AACF;AAxDa,4BAIJ,SAAS;AAAA;AAAA,QAEH,GAAG;AAAA;AAAA;AAAA,QAGH,GAAG;AAAA;AAAA;AAPT;AAAA,EADN,QAAQ,EAAE,SAAS,qBAAqB,WAAW,KAAK,CAAC;AAAA,GAD/C,4BAEJ;AAWqC;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAb/B,4BAaiC;AACA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAd/B,4BAciC;AAChB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAff,4BAeiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAhBf,4BAgBiB;AACA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAjBf,4BAiBiB;AAjBjB,8BAAN;AAAA,EADN,cAAc,gCAAgC;AAAA,GAClC;","names":[]}

package/dist/qti-item/components/item-show-correct-response.d.ts

@@ -2,10 +2,11 @@ import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 import { ComputedItemContext } from '../../exports/computed-item.context.js';
-import '../../qti-response-declaration-CIPGNbno.js';
+import '../../qti-response-declaration-xVcD4HvN.js';
 import '../../exports/expression-result.js';
 import '../../exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti.context.js';
 
 declare class ItemShowCorrectResponse extends LitElement {
     computedContext?: ComputedItemContext;

package/dist/qti-item/components/item-show-correct-response.js

@@ -1,6 +1,6 @@
 import {
   ItemShowCorrectResponse
-} from "../../chunks/chunk-G5R527RC.js";
+} from "../../chunks/chunk-UHQVQBCL.js";
 import "../../chunks/chunk-DZAMXOSC.js";
 import "../../chunks/chunk-4OGJBG35.js";
 import "../../chunks/chunk-H2JE6IVU.js";

package/dist/qti-item/components/print-item-variables.d.ts

@@ -2,10 +2,11 @@ import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 import { ComputedItemContext } from '../../exports/computed-item.context.js';
-import '../../qti-response-declaration-CIPGNbno.js';
+import '../../qti-response-declaration-xVcD4HvN.js';
 import '../../exports/expression-result.js';
 import '../../exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti.context.js';
 
 declare class PrintItemVariables extends LitElement {
     protected computedContext?: ComputedItemContext;

package/dist/qti-item/core/index.d.ts

@@ -3,11 +3,13 @@ export { PrintItemVariables } from '../components/print-item-variables.js';
 export { ItemShowCorrectResponse } from '../components/item-show-correct-response.js';
 import * as lit_html from 'lit-html';
 import { LitElement } from 'lit';
+import { ConfigContext } from '../../exports/config.context.js';
 import { ComputedItemContext } from '../../exports/computed-item.context.js';
-import '../../qti-response-declaration-CIPGNbno.js';
+import '../../qti-response-declaration-xVcD4HvN.js';
 import '../../exports/expression-result.js';
 import '../../exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti.context.js';
 
 /**
  * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.
@@ -24,13 +26,18 @@ import 'lit-html/directives/ref.js';
 declare class QtiItem extends LitElement {
     computedContext: ComputedItemContext;
     private _qtiAssessmentItem?;
+    configContext: ConfigContext;
     private _onItemContextChanged;
     private _onAssessmentItemConnected;
-    private _onHandleTestShowCorrectResponse;
+    private _onHandleShowCorrectResponse;
+    private _onHandleShowCandidateCorrection;
+    private _onHandleSwitchCorrectResponseMode;
     constructor();
     private _handleItemContextChanged;
     private _handleAssessmentItemConnected;
-    private _handleTestShowCorrectResponse;
+    private _handleShowCorrectResponse;
+    private _handleShowCandidateCorrection;
+    private _handleSwitchCorrectResponseMode;
     private _updateItemVariablesInTestContext;
     render(): lit_html.TemplateResult<1>;
     disconnectedCallback(): void;

package/dist/qti-item/core/index.js

@@ -1,20 +1,21 @@
 import {
   QtiItem
-} from "../../chunks/chunk-BXUNJ6XB.js";
+} from "../../chunks/chunk-HYMSLOZ7.js";
 import {
   ItemContainer
-} from "../../chunks/chunk-H67RKRFW.js";
+} from "../../chunks/chunk-565QP4OA.js";
+import "../../chunks/chunk-7XIK3UQX.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-WFUXZ4UT.js";
 import {
   ItemShowCorrectResponse
-} from "../../chunks/chunk-G5R527RC.js";
+} from "../../chunks/chunk-UHQVQBCL.js";
+import "../../chunks/chunk-DZAMXOSC.js";
 import {
   PrintItemVariables
 } from "../../chunks/chunk-EJZQSOHU.js";
-import "../../chunks/chunk-DZAMXOSC.js";
-import "../../chunks/chunk-6TDSFDGN.js";
-import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-WFUXZ4UT.js";
 import "../../chunks/chunk-4OGJBG35.js";
+import "../../chunks/chunk-NRKCQIQS.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
   ItemContainer,

package/dist/qti-loader/index.d.ts

@@ -1,9 +1,10 @@
-import { Q as QtiAssessmentItem } from '../qti-response-declaration-CIPGNbno.js';
+import { Q as QtiAssessmentItem } from '../qti-response-declaration-xVcD4HvN.js';
 import 'lit-html';
 import 'lit';
 import '../exports/expression-result.js';
 import '../exports/interaction.interface.js';
 import 'lit-html/directives/ref.js';
+import '../exports/qti.context.js';
 
 type ManifestInfo = {
     testIdentifier: string;