@citolab/qti-components 7.15.0 → 7.15.2

package/dist/test.js

@@ -1,61 +1,3 @@
-import {
-  QtiAssessmentItemRef,
-  QtiAssessmentSection,
-  QtiAssessmentTest,
-  QtiTest,
-  QtiTestFeedback,
-  QtiTestPart,
-  TestCheckItem,
-  TestContainer,
-  TestEndAttempt,
-  TestItemLink,
-  TestNavigation,
-  TestNext,
-  TestPagingButtonsStamp,
-  TestPrev,
-  TestPrintContext,
-  TestPrintVariables,
-  TestScoringButtons,
-  TestScoringFeedback,
-  TestSectionButtonsStamp,
-  TestSectionLink,
-  TestShowCorrectResponse,
-  TestStamp,
-  TestView,
-  TestViewToggle
-} from "./chunk-352OTVTY.js";
-import "./chunk-O4XIWHTF.js";
-import "./chunk-DWIRLYDS.js";
-import "./chunk-W4SQRNWO.js";
-import "./chunk-F44CI35W.js";
-import "./chunk-2ZEJ3RR5.js";
-import "./chunk-INKI27D5.js";
-import "./chunk-JEUY3MYB.js";
-import "./chunk-EUXUH3YW.js";
-export {
-  QtiAssessmentItemRef,
-  QtiAssessmentSection,
-  QtiAssessmentTest,
-  QtiTest,
-  QtiTestFeedback,
-  QtiTestPart,
-  TestCheckItem,
-  TestContainer,
-  TestEndAttempt,
-  TestItemLink,
-  TestNavigation,
-  TestNext,
-  TestPagingButtonsStamp,
-  TestPrev,
-  TestPrintContext,
-  TestPrintVariables,
-  TestScoringButtons,
-  TestScoringFeedback,
-  TestSectionButtonsStamp,
-  TestSectionLink,
-  TestShowCorrectResponse,
-  TestStamp,
-  TestView,
-  TestViewToggle
-};
+// src/test.ts
+export * from "@qti-components/test";
 //# sourceMappingURL=test.js.map

package/dist/test.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/test.ts"],"sourcesContent":["export * from '@qti-components/test';\n"],"mappings":";AAAA,cAAc;","names":[]}

package/dist/transformers.js

@@ -1,12 +1,3 @@
-import {
-  qtiTransformItem,
-  qtiTransformManifest,
-  qtiTransformTest
-} from "./chunk-INKI27D5.js";
-import "./chunk-EUXUH3YW.js";
-export {
-  qtiTransformItem,
-  qtiTransformManifest,
-  qtiTransformTest
-};
+// src/transformers.ts
+export * from "@qti-components/transformers";
 //# sourceMappingURL=transformers.js.map

package/dist/transformers.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/transformers.ts"],"sourcesContent":["export * from '@qti-components/transformers';\n"],"mappings":";AAAA,cAAc;","names":[]}

package/package.json

@@ -1,19 +1,8 @@
 {
   "name": "@citolab/qti-components",
-  "version": "7.15.0",
+  "version": "7.15.2",
   "description": "QTI component utilities",
   "main": "dist/index.js",
-  "scripts": {
-    "build": "run-p tsup css cem",
-    "clean": "rm -rf dist cdn",
-    "attw": "attw --pack --profile esm-only --format table",
-    "publint": "publint",
-    "publish": "npm publish --access public",
-    "-": "---build---",
-    "tsup": "tsup",
-    "css": "postcss ../qti-theme/src/item.css -d dist -m",
-    "cem": "cd ../../ && CEM_OUTDIR=packages/qti-components/ cem analyze --config custom-elements-manifest.config.mjs"
-  },
   "keywords": [
     "qti",
     "components"
@@ -85,18 +74,30 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@qti-components/test": "workspace:*",
-    "@qti-components/item": "workspace:*",
-    "@qti-components/elements": "workspace:*",
-    "@qti-components/transformers": "workspace:*",
-    "@qti-components/interactions": "workspace:*",
-    "@qti-components/processing": "workspace:*",
-    "@qti-components/loader": "workspace:*",
-    "@qti-components/base": "workspace:*",
-    "@qti-components/theme": "workspace:*",
     "lit": "^3.3.1",
     "@lit/context": "^1.1.6",
     "@heximal/templates": "^0.1.5"
   },
-  "customElements": "dist/custom-elements.json"
+  "peerDependencies": {
+    "@qti-components/test": "1.0.0",
+    "@qti-components/elements": "1.0.0",
+    "@qti-components/transformers": "1.0.0",
+    "@qti-components/item": "1.0.0",
+    "@qti-components/interactions": "1.0.0",
+    "@qti-components/processing": "1.0.0",
+    "@qti-components/loader": "1.0.0",
+    "@qti-components/base": "1.0.0",
+    "@qti-components/theme": "1.0.0"
+  },
+  "customElements": "dist/custom-elements.json",
+  "scripts": {
+    "build": "run-p tsup css cem",
+    "clean": "rm -rf dist cdn",
+    "attw": "attw --pack --profile esm-only --format table",
+    "publint": "publint",
+    "-": "---build---",
+    "tsup": "tsup",
+    "css": "postcss ../qti-theme/src/item.css -d dist -m",
+    "cem": "cd ../../ && CEM_OUTDIR=packages/qti-components/ cem analyze --config custom-elements-manifest.config.mjs"
+  }
 }

package/dist/chunk-2DOYPVF5.js

@@ -1,481 +0,0 @@
-import {
-  item_default,
-  m
-} from "./chunk-W4SQRNWO.js";
-import {
-  watch
-} from "./chunk-2ZEJ3RR5.js";
-import {
-  qtiTransformItem
-} from "./chunk-INKI27D5.js";
-import {
-  c,
-  computedItemContext,
-  configContext,
-  e,
-  i,
-  i2,
-  n,
-  r,
-  t,
-  x
-} from "./chunk-JEUY3MYB.js";
-import {
-  __decorateClass
-} from "./chunk-EUXUH3YW.js";
-
-// ../qti-item/src/components/item-container/item-container.ts
-var ItemContainer = class extends i2 {
-  constructor() {
-    super(...arguments);
-    this.itemURL = null;
-    this.itemDoc = null;
-    this.itemXML = null;
-    /** Template content if provided */
-    this.templateContent = null;
-  }
-  async handleItemURLChange() {
-    if (!this.itemURL) return;
-    try {
-      const api = await qtiTransformItem().load(this.itemURL);
-      this.itemDoc = api.htmlDoc();
-    } catch (error) {
-      console.error("Error loading or parsing XML:", error);
-    }
-  }
-  handleItemXMLChange() {
-    if (!this.itemXML) return;
-    try {
-      this.itemDoc = qtiTransformItem().parse(this.itemXML).htmlDoc();
-    } catch (error) {
-      console.error("Error parsing XML:", error);
-    }
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    this.initializeTemplateContent();
-    this.applyStyles();
-    if (this.itemURL) {
-      this.handleItemURLChange();
-    }
-    if (this.itemXML) {
-      this.handleItemXMLChange();
-    }
-  }
-  initializeTemplateContent() {
-    const template = this.querySelector("template");
-    this.templateContent = template ? template.content : x``;
-  }
-  applyStyles() {
-    const sheet = new CSSStyleSheet();
-    sheet.replaceSync(item_default);
-    this.shadowRoot.adoptedStyleSheets = [sheet];
-  }
-  render() {
-    return x`
-      ${this.templateContent}
-      <slot></slot>
-      ${m(this.itemDoc, x`<span>Loading...</span>`)}
-    `;
-  }
-};
-__decorateClass([
-  n({ type: String, attribute: "item-url" })
-], ItemContainer.prototype, "itemURL", 2);
-__decorateClass([
-  r()
-], ItemContainer.prototype, "itemDoc", 2);
-__decorateClass([
-  r()
-], ItemContainer.prototype, "itemXML", 2);
-__decorateClass([
-  watch("itemURL", { waitUntilFirstUpdate: true })
-], ItemContainer.prototype, "handleItemURLChange", 1);
-__decorateClass([
-  watch("itemXML", { waitUntilFirstUpdate: true })
-], ItemContainer.prototype, "handleItemXMLChange", 1);
-ItemContainer = __decorateClass([
-  t("item-container")
-], ItemContainer);
-
-// ../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() {
-    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>
-    `;
-  }
-};
-__decorateClass([
-  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);
-
-// ../qti-item/src/components/styles.ts
-var form = i`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 0.5rem 1rem;
-  border-radius: 0.25rem;
-  user-select: none;
-`;
-var btn = i`
-  background-color: lightgray;
-  ${form};
-`;
-var dis = i`
-  cursor: not-allowed;
-  opacity: 0.8;
-`;
-var ind = i`
-  ${form};
-  border: 1px solid gray;
-`;
-
-// ../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;
-    this.disabled = false;
-    this.showCorrectText = "Show correct response";
-    this.hideCorrectText = "Hide correct response";
-    this.noCorrectResponseText = "No correct response specified";
-    this._hasCorrectResponse = false;
-    // correct response is removed on certain point
-    this._previousActiveItem = "";
-  }
-  // Store previous active item reference
-  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-correct-response", {
-        detail: !this.shown,
-        bubbles: true
-      })
-    );
-  }
-  _getDisplayedText() {
-    return this.disabled ? this.noCorrectResponseText : this.shown ? this.hideCorrectText : this.showCorrectText;
-  }
-  render() {
-    return x` <div @click="${this._toggleState}">${this._getDisplayedText()}</div> `;
-  }
-};
-ItemShowCorrectResponse.styles = i`
-    :host {
-      ${btn};
-    }
-    :host([disabled]) {
-      ${dis};
-    }
-  `;
-__decorateClass([
-  c({ context: computedItemContext, subscribe: true })
-], ItemShowCorrectResponse.prototype, "computedContext", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], ItemShowCorrectResponse.prototype, "shown", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], ItemShowCorrectResponse.prototype, "disabled", 2);
-__decorateClass([
-  n({ type: String })
-], ItemShowCorrectResponse.prototype, "showCorrectText", 2);
-__decorateClass([
-  n({ type: String })
-], ItemShowCorrectResponse.prototype, "hideCorrectText", 2);
-__decorateClass([
-  n({ type: String })
-], ItemShowCorrectResponse.prototype, "noCorrectResponseText", 2);
-ItemShowCorrectResponse = __decorateClass([
-  t("item-show-correct-response")
-], ItemShowCorrectResponse);
-
-// ../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 = {};
-    // Store event handlers as instance properties
-    this._onItemContextChanged = this._handleItemContextChanged.bind(this);
-    this._onAssessmentItemConnected = this._handleAssessmentItemConnected.bind(this);
-    this._onHandleShowCorrectResponse = this._handleShowCorrectResponse.bind(this);
-    this._onHandleShowCandidateCorrection = this._handleShowCandidateCorrection.bind(this);
-    this._onHandleSwitchCorrectResponseMode = this._handleSwitchCorrectResponseMode.bind(this);
-    this.addEventListener("qti-item-context-updated", this._onItemContextChanged);
-    this.addEventListener("qti-assessment-item-connected", this._onAssessmentItemConnected);
-    this.addEventListener("item-show-correct-response", this._onHandleShowCorrectResponse);
-    this.addEventListener("item-show-candidate-correction", this._onHandleShowCandidateCorrection);
-    this.addEventListener("item-switch-correct-response-mode", this._onHandleSwitchCorrectResponseMode);
-  }
-  _handleItemContextChanged(e2) {
-    this._updateItemVariablesInTestContext(e2.detail.itemContext.identifier, e2.detail?.itemContext?.variables || []);
-  }
-  _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,
-      adaptive: this._qtiAssessmentItem.getAttribute("adaptive")?.toLowerCase() === "true" || false,
-      variables: fullVariables,
-      correctResponseMode: "internal"
-    };
-    this._updateItemVariablesInTestContext(this._qtiAssessmentItem.identifier, fullVariables || []);
-  }
-  _handleShowCorrectResponse(e2) {
-    if (this._qtiAssessmentItem) {
-      this._qtiAssessmentItem.showCorrectResponse(e2.detail);
-    }
-  }
-  _handleShowCandidateCorrection(e2) {
-    if (this._qtiAssessmentItem) {
-      this._qtiAssessmentItem.showCandidateCorrection(e2.detail);
-    }
-  }
-  _handleSwitchCorrectResponseMode(e2) {
-    this._handleShowCorrectResponse(new CustomEvent("item-show-correct-response", { detail: false, bubbles: true }));
-    this.configContext = {
-      ...this.configContext,
-      correctResponseMode: e2.detail
-    };
-  }
-  _updateItemVariablesInTestContext(identifier, variables) {
-    const rawscore = variables?.find((vr) => vr.identifier == "SCORE")?.value;
-    const score = parseFloat(rawscore?.toString());
-    const completionStatus = variables?.find((v) => v.identifier === "completionStatus")?.value;
-    const correct = score !== void 0 && !isNaN(score) && score > 0;
-    const incorrect = score !== void 0 && !isNaN(score) && score <= 0;
-    const completed = completionStatus === "completed";
-    this.computedContext = {
-      ...this.computedContext,
-      identifier,
-      correct,
-      incorrect,
-      completed,
-      variables
-    };
-  }
-  render() {
-    return x`<slot></slot>`;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("qti-item-context-changed", this._onItemContextChanged);
-    this.removeEventListener("qti-assessment-item-connected", this._onAssessmentItemConnected);
-  }
-};
-__decorateClass([
-  r(),
-  e({ context: computedItemContext })
-], QtiItem.prototype, "computedContext", 2);
-__decorateClass([
-  r(),
-  e({ context: configContext })
-], QtiItem.prototype, "configContext", 2);
-QtiItem = __decorateClass([
-  t("qti-item")
-], QtiItem);
-
-export {
-  ItemContainer,
-  ItemCorrectResponseMode,
-  ItemShowCandidateCorrection,
-  ItemShowCorrectResponse,
-  ItemPrintVariables,
-  QtiItem
-};
-//# sourceMappingURL=chunk-2DOYPVF5.js.map