@citolab/qti-components 7.13.0 → 7.14.1

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

@@ -1,4 +1,4 @@
-export { Q as QtiAssessmentItem } from '../qti-assessment-item-l-mN3teH.js';
+import { Q as QtiAssessmentItem } from '../qti-assessment-item-l-mN3teH.js';
 import * as lit from 'lit';
 import { LitElement, CSSResultGroup, PropertyValues, PropertyValueMap, nothing } from 'lit';
 import * as lit_html from 'lit-html';
@@ -17,21 +17,22 @@ import { R as ResponseVariable, V as VariableDeclaration } from '../variables-BC
 export { c as QtiAreaMapEntry, b as QtiAreaMapping, a as QtiMapEntry, Q as QtiMapping, d as areaShape } from '../variables-BCkyLoXK.js';
 import '../exports/qti.context.js';
 
+declare class QtiAssessmentStimulusRefConnectedEvent extends Event {
+    element: QtiAssessmentStimulusRef;
+    item: QtiAssessmentItem;
+    static eventName: string;
+    constructor(element: QtiAssessmentStimulusRef, item: QtiAssessmentItem);
+}
 /**
  * Represents a custom element for referencing an assessment stimulus.
  */
 declare class QtiAssessmentStimulusRef extends LitElement {
-    /**
-     * The identifier of the stimulus.
-     */
     identifier: string;
-    /**
-     * The href of the stimulus.
-     */
     href: string;
     /**
      * Lifecycle method called when the element is connected to the DOM.
-     * Loads and appends the stimulus if the 'qti-assessment-stimulus-ref-connected' event is not prevented.
+     * First checks if there's a data-stimulus-idref element. If found, loads the stimulus directly.
+     * If not found, delegates to the delivery platform via an event.
      */
     connectedCallback(): Promise<void>;
     /**
@@ -1518,4 +1519,4 @@ declare global {
     }
 }
 
-export { type Orientation, QtiAnd, QtiAssessmentStimulusRef, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiContainerSize, QtiContains, QtiContentBody, QtiCorrect, QtiCustomInteraction, QtiCustomOperator, QtiDefault, QtiDelete, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiFieldValue, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGcd, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiIndex, QtiInlineChoice, QtiInlineChoiceInteraction, QtiIsNull, QtiItemBody, QtiLookupOutcomeValue, QtiLt, QtiLte, QtiMapResponse, QtiMapResponsePoint, QtiMatch, QtiMatchInteraction, QtiMathOperator, QtiMediaInteraction, QtiMember, QtiMultiple, QtiNot, QtiNull, QtiOr, QtiOrderInteraction, QtiOrdered, QtiOutcomeDeclaration, QtiOutcomeProcessing, QtiOutcomeProcessingProcessor, QtiPortableCustomInteraction, QtiPositionObjectInteraction, QtiPositionObjectStage, QtiPower, QtiPrintedVariable, QtiProduct, QtiPrompt, QtiRandom, QtiRandomInteger, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRound, QtiRoundTo, QtiRubricBlock, QtiRule, type QtiRuleBase, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSubtract, QtiSum, QtiSumExpression, QtiTextEntryInteraction, QtiUploadInteraction, QtiVariable, qtiAndMixin, qtiSubtractMixin };
+export { type Orientation, QtiAnd, QtiAssessmentItem, QtiAssessmentStimulusRef, QtiAssessmentStimulusRefConnectedEvent, QtiAssociableHotspot, QtiAssociateInteraction, QtiBaseValue, QtiChoiceInteraction, QtiCompanionMaterialsInfo, QtiContainerSize, QtiContains, QtiContentBody, QtiCorrect, QtiCustomInteraction, QtiCustomOperator, QtiDefault, QtiDelete, QtiEndAttemptInteraction, QtiEqual, QtiEqualRounded, QtiExtendedTextInteraction, QtiFeedbackBlock, QtiFeedbackInline, QtiFieldValue, QtiGap, QtiGapImg, QtiGapMatchInteraction, QtiGapText, QtiGcd, QtiGraphicAssociateInteraction, QtiGraphicGapMatchInteraction, QtiGraphicOrderInteraction, QtiGt, QtiGte, QtiHotspotChoice, QtiHotspotInteraction, QtiHottext, QtiHottextInteraction, QtiIndex, QtiInlineChoice, QtiInlineChoiceInteraction, QtiIsNull, QtiItemBody, QtiLookupOutcomeValue, QtiLt, QtiLte, QtiMapResponse, QtiMapResponsePoint, QtiMatch, QtiMatchInteraction, QtiMathOperator, QtiMediaInteraction, QtiMember, QtiMultiple, QtiNot, QtiNull, QtiOr, QtiOrderInteraction, QtiOrdered, QtiOutcomeDeclaration, QtiOutcomeProcessing, QtiOutcomeProcessingProcessor, QtiPortableCustomInteraction, QtiPositionObjectInteraction, QtiPositionObjectStage, QtiPower, QtiPrintedVariable, QtiProduct, QtiPrompt, QtiRandom, QtiRandomInteger, QtiResponseCondition, QtiResponseDeclaration, QtiResponseElse, QtiResponseElseIf, QtiResponseIf, QtiResponseProcessing, QtiRound, QtiRoundTo, QtiRubricBlock, QtiRule, type QtiRuleBase, QtiSelectPointInteraction, QtiSetOutcomeValue, QtiSetOutcomeValueRule, QtiSimpleAssociableChoice, QtiSimpleChoice, QtiSliderInteraction, QtiStringMatch, QtiStylesheet, QtiSubtract, QtiSum, QtiSumExpression, QtiTextEntryInteraction, QtiUploadInteraction, QtiVariable, qtiAndMixin, qtiSubtractMixin };

package/dist/qti-components/index.js

@@ -2,6 +2,7 @@ import {
   QtiAnd,
   QtiAssessmentItem,
   QtiAssessmentStimulusRef,
+  QtiAssessmentStimulusRefConnectedEvent,
   QtiAssociableHotspot,
   QtiAssociateInteraction,
   QtiBaseValue,
@@ -95,12 +96,12 @@ import {
   QtiVariable,
   qtiAndMixin,
   qtiSubtractMixin
-} from "../chunks/chunk-TFNRSY74.js";
+} from "../chunks/chunk-TISKSGJE.js";
 import {
   QtiModalFeedback
 } from "../chunks/chunk-YD7FVKDP.js";
 import "../chunks/chunk-ELDMXTUQ.js";
-import "../chunks/chunk-WFUXZ4UT.js";
+import "../chunks/chunk-XBPO6E25.js";
 import "../chunks/chunk-SV4K25ZI.js";
 import "../chunks/chunk-GAAFN7QF.js";
 import "../chunks/chunk-H6KHXSIO.js";
@@ -114,6 +115,7 @@ export {
   QtiAnd,
   QtiAssessmentItem,
   QtiAssessmentStimulusRef,
+  QtiAssessmentStimulusRefConnectedEvent,
   QtiAssociableHotspot,
   QtiAssociateInteraction,
   QtiBaseValue,

package/dist/qti-components-jsx.d.ts

@@ -51,7 +51,7 @@ import type { QtiTemplateProcessing } from "src/lib/qti-components/qti-template-
 import type { QtiFeedback } from "src/lib/qti-components/qti-feedback/qti-feedback.ts";
 import type { ItemShowCorrectResponse } from "src/lib/qti-item/components/item-show-correct-response.ts";
 import type { QtiAssessmentItem } from "src/lib/qti-components/qti-assessment-item/qti-assessment-item.ts";
-import type { QtiAssessmentStimulusRef } from "src/lib/qti-components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.ts";
+import type { QtiAssessmentStimulusRefConnectedEvent, QtiAssessmentStimulusRef } from "src/lib/qti-components/qti-assessment-stimulus-ref/qti-assessment-stimulus-ref.ts";
 import type { QtiCompanionMaterialsInfo } from "src/lib/qti-components/qti-companion-materials-info/qti-companion-materials-info.ts";
 import type { QtiCustomOperator } from "src/lib/qti-components/qti-custom-operator/qti-custom-operator.ts";
 import type { QtiFeedbackBlock } from "src/lib/qti-components/qti-feedback/qti-feedback-block/qti-feedback-block.ts";
@@ -610,9 +610,9 @@ export type QtiAssessmentItemProps = {
 
 
 export type QtiAssessmentStimulusRefProps = {
-  /** The identifier of the stimulus. */
+  /**  */
   "identifier"?: QtiAssessmentStimulusRef['identifier'];
-  /** The href of the stimulus. */
+  /**  */
   "href"?: QtiAssessmentStimulusRef['href'];
 
 
@@ -1622,8 +1622,6 @@ export type QtiTestProps = {
   /**  */
   "requestTimeout"?: QtiTest['requestTimeout'];
   /**  */
-  "showLoadingIndicators"?: QtiTest['showLoadingIndicators'];
-  /**  */
   "postLoadTransformCallback"?: QtiTest['postLoadTransformCallback'];
   /**  */
   "postLoadTestTransformCallback"?: QtiTest['postLoadTestTransformCallback'];
@@ -1637,9 +1635,11 @@ export type QtiTestProps = {
   /**  */
   "onqti-request-navigation"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
-  "onqti-navigation-error"?: (e: CustomEvent<CustomEvent>) => void;
+  "onqti-navigation-loading-started"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
-  "onqti-navigation-status"?: (e: CustomEvent<CustomEvent>) => void;
+  "onqti-navigation-loading-ended"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-navigation-error"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "onqti-test-loaded"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
@@ -2660,8 +2660,8 @@ export type QtiTestVariablesProps = {
  * 
  * Component attributes and properties that can be applied to the element or by using JavaScript.
  * 
- * - `identifier`: The identifier of the stimulus. 
- * - `href`: The href of the stimulus. 
+ * - `identifier`: undefined 
+ * - `href`: undefined 
  * 
  * ## Methods
  * 
@@ -4054,9 +4054,8 @@ export type QtiTestVariablesProps = {
  * - `navigate`: undefined 
  * - `cache-transform`/`cacheTransform`: undefined 
  * - `requestTimeout`: undefined 
- * - `showLoadingIndicators`: undefined 
- * - `postLoadTransformCallback`: undefined 
- * - `postLoadTestTransformCallback`: undefined 
+ * - `postLoadTransformCallback`: undefined (property only)
+ * - `postLoadTestTransformCallback`: undefined (property only)
  * - `sessionContext`: undefined (property only)
  * - `testContext`: undefined (property only)
  * 
@@ -4066,8 +4065,9 @@ export type QtiTestVariablesProps = {
  * 
  * - `qti-test-connected`: undefined
  * - `qti-request-navigation`: undefined
+ * - `qti-navigation-loading-started`: undefined
+ * - `qti-navigation-loading-ended`: undefined
  * - `qti-navigation-error`: undefined
- * - `qti-navigation-status`: undefined
  * - `qti-test-loaded`: undefined
  * - `qti-test-context-updated`: undefined
  * 
@@ -4075,8 +4075,8 @@ export type QtiTestVariablesProps = {
  * 
  * Methods that can be called to access component functionality.
  * 
- * - `navigateTo(type: 'item' | 'section', id?: string) => void`: undefined
- * - `retryNavigation() => void`: Retry the last failed navigation
+ * - `navigateTo(type: 'item' | 'section', id?: string) => void`: Navigate to a specific item or section
+ * - `getLoadingProgress() => void`: Get current loading progress for external consumption
  * - `outcomeProcessing() => boolean`: undefined
  * - `updateOutcomeVariable(identifier: string, value: string | string[] | undefined) => void`: undefined
  * - `getOutcome(identifier: string) => Readonly<OutcomeVariable>`: undefined

package/dist/qti-item/index.js

@@ -3,10 +3,10 @@ import {
   ItemShowCorrectResponse,
   PrintItemVariables,
   QtiItem
-} from "../chunks/chunk-IHE5M7QU.js";
+} from "../chunks/chunk-7567ZPN6.js";
 import "../chunks/chunk-PT5ASWGQ.js";
 import "../chunks/chunk-ELDMXTUQ.js";
-import "../chunks/chunk-WFUXZ4UT.js";
+import "../chunks/chunk-XBPO6E25.js";
 import "../chunks/chunk-4OGJBG35.js";
 import "../chunks/chunk-BHJSX3Q6.js";
 import "../chunks/chunk-H2JE6IVU.js";

package/dist/qti-loader/index.js

@@ -2,7 +2,7 @@ import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
-} from "../chunks/chunk-WFUXZ4UT.js";
+} from "../chunks/chunk-XBPO6E25.js";
 import "../chunks/chunk-H2JE6IVU.js";
 
 // src/lib/qti-loader/qti-loader.ts
@@ -22,7 +22,7 @@ var getManifestInfo = async (manifestURL) => {
   };
 };
 var getItemByUri = async (itemUri) => {
-  return qtiTransformItem().load(itemUri).promise.then((api) => api.htmlDoc().firstElementChild);
+  return qtiTransformItem().load(itemUri).then((api) => api.htmlDoc().firstElementChild);
 };
 export {
   getItemByUri,

package/dist/qti-loader/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/qti-loader/qti-loader.ts"],"sourcesContent":["import { qtiTransformItem, qtiTransformTest } from '../qti-transformers';\nimport { qtiTransformManifest } from '../qti-transformers/qti-transform-manifest';\n\nimport type { QtiAssessmentItem } from '../qti-components/qti-assessment-item/qti-assessment-item';\n\nexport type ManifestInfo = {\n  testIdentifier: string;\n  testHTMLDoc: DocumentFragment;\n  testURI: string;\n  testURL: string;\n  items: {\n    identifier: string;\n    href: string;\n    category: string;\n  }[];\n};\n\n// Utility function to ensure package URIs end with a '/'\n// const normalizeUri = (uri: string) => (uri.endsWith('/') ? uri : `${uri}/`);\n\n// Fetches assessment data from the manifest\nexport const getManifestInfo = async (manifestURL: string): Promise<ManifestInfo> => {\n  const baseURI = manifestURL.substring(0, manifestURL.lastIndexOf('/'));\n\n  const test = await qtiTransformManifest()\n    .load(`${manifestURL}`)\n    .then(api => api.assessmentTest());\n\n  const testHTMLDoc = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.htmlDoc());\n\n  const items = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.items());\n\n  const testURL = `${baseURI}/${test.href}`;\n  const testURI = `${baseURI}/${test.href.substring(0, test.href.lastIndexOf('/'))}`;\n\n  return {\n    testHTMLDoc,\n    testURI,\n    testURL,\n    items,\n    testIdentifier: test.identifier\n  };\n};\n\n// Fetches a single item by URI\nexport const getItemByUri = async (itemUri: string): Promise<QtiAssessmentItem> => {\n  return qtiTransformItem()\n    .load(itemUri)\n    .promise.then(api => api.htmlDoc().firstElementChild as QtiAssessmentItem);\n};\n"],"mappings":";;;;;;;;AAqBO,IAAM,kBAAkB,OAAO,gBAA+C;AACnF,QAAM,UAAU,YAAY,UAAU,GAAG,YAAY,YAAY,GAAG,CAAC;AAErE,QAAM,OAAO,MAAM,qBAAqB,EACrC,KAAK,GAAG,WAAW,EAAE,EACrB,KAAK,SAAO,IAAI,eAAe,CAAC;AAEnC,QAAM,cAAc,MAAM,iBAAiB,EACxC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,QAAQ,CAAC;AAE5B,QAAM,QAAQ,MAAM,iBAAiB,EAClC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,MAAM,CAAC;AAE1B,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,IAAI;AACvC,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,KAAK,UAAU,GAAG,KAAK,KAAK,YAAY,GAAG,CAAC,CAAC;AAEhF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,KAAK;AAAA,EACvB;AACF;AAGO,IAAM,eAAe,OAAO,YAAgD;AACjF,SAAO,iBAAiB,EACrB,KAAK,OAAO,EACZ,QAAQ,KAAK,SAAO,IAAI,QAAQ,EAAE,iBAAsC;AAC7E;","names":[]}
+{"version":3,"sources":["../../src/lib/qti-loader/qti-loader.ts"],"sourcesContent":["import { qtiTransformItem, qtiTransformTest } from '../qti-transformers';\nimport { qtiTransformManifest } from '../qti-transformers/qti-transform-manifest';\n\nimport type { QtiAssessmentItem } from '../qti-components/qti-assessment-item/qti-assessment-item';\n\nexport type ManifestInfo = {\n  testIdentifier: string;\n  testHTMLDoc: DocumentFragment;\n  testURI: string;\n  testURL: string;\n  items: {\n    identifier: string;\n    href: string;\n    category: string;\n  }[];\n};\n\n// Utility function to ensure package URIs end with a '/'\n// const normalizeUri = (uri: string) => (uri.endsWith('/') ? uri : `${uri}/`);\n\n// Fetches assessment data from the manifest\nexport const getManifestInfo = async (manifestURL: string): Promise<ManifestInfo> => {\n  const baseURI = manifestURL.substring(0, manifestURL.lastIndexOf('/'));\n\n  const test = await qtiTransformManifest()\n    .load(`${manifestURL}`)\n    .then(api => api.assessmentTest());\n\n  const testHTMLDoc = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.htmlDoc());\n\n  const items = await qtiTransformTest()\n    .load(`${baseURI}/${test.href}`)\n    .then(api => api.items());\n\n  const testURL = `${baseURI}/${test.href}`;\n  const testURI = `${baseURI}/${test.href.substring(0, test.href.lastIndexOf('/'))}`;\n\n  return {\n    testHTMLDoc,\n    testURI,\n    testURL,\n    items,\n    testIdentifier: test.identifier\n  };\n};\n\n// Fetches a single item by URI\nexport const getItemByUri = async (itemUri: string): Promise<QtiAssessmentItem> => {\n  return qtiTransformItem()\n    .load(itemUri)\n    .then(api => api.htmlDoc().firstElementChild as QtiAssessmentItem);\n};\n"],"mappings":";;;;;;;;AAqBO,IAAM,kBAAkB,OAAO,gBAA+C;AACnF,QAAM,UAAU,YAAY,UAAU,GAAG,YAAY,YAAY,GAAG,CAAC;AAErE,QAAM,OAAO,MAAM,qBAAqB,EACrC,KAAK,GAAG,WAAW,EAAE,EACrB,KAAK,SAAO,IAAI,eAAe,CAAC;AAEnC,QAAM,cAAc,MAAM,iBAAiB,EACxC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,QAAQ,CAAC;AAE5B,QAAM,QAAQ,MAAM,iBAAiB,EAClC,KAAK,GAAG,OAAO,IAAI,KAAK,IAAI,EAAE,EAC9B,KAAK,SAAO,IAAI,MAAM,CAAC;AAE1B,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,IAAI;AACvC,QAAM,UAAU,GAAG,OAAO,IAAI,KAAK,KAAK,UAAU,GAAG,KAAK,KAAK,YAAY,GAAG,CAAC,CAAC;AAEhF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,KAAK;AAAA,EACvB;AACF;AAGO,IAAM,eAAe,OAAO,YAAgD;AACjF,SAAO,iBAAiB,EACrB,KAAK,OAAO,EACZ,KAAK,SAAO,IAAI,QAAQ,EAAE,iBAAsC;AACrE;","names":[]}

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

@@ -3,8 +3,8 @@ import { e as VariableValue, O as OutcomeVariable, V as VariableDeclaration } fr
 import * as lit from 'lit';
 import { LitElement, PropertyValues, nothing } from 'lit';
 import { SessionContext } from '../exports/session.context.js';
-import { b as QtiAssessmentTest, I as IQtiTest } from '../qti-test-DEJqAn7G.js';
-export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, d as QtiTestFeedback, c as QtiTestPart } from '../qti-test-DEJqAn7G.js';
+import { b as QtiAssessmentTest, I as IQtiTest } from '../qti-test-Db7oNIWY.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, d as QtiTestFeedback, c as QtiTestPart } from '../qti-test-Db7oNIWY.js';
 import { TestContext } from '../exports/test.context.js';
 export { INITIAL_TEST_CONTEXT, testContext } from '../exports/test.context.js';
 import { QtiContext } from '../exports/qti.context.js';
@@ -13,7 +13,7 @@ import { ConfigContext } from '../exports/config.context.js';
 import { TemplateFunction } from '@heximal/templates';
 import { ViewMode } from 'storybook/internal/types';
 import '../exports/expression-result.js';
-import '../qti-transform-test-DkSRdVBF.js';
+import '../qti-transform-test-Bz9A3hmD.js';
 import '../qti-assessment-item-l-mN3teH.js';
 import '../qti-modal-feedback-PKbhO-3w.js';
 import '../exports/item.context.js';

package/dist/qti-test/index.js

@@ -23,11 +23,11 @@ import {
   TestStamp,
   TestView,
   TestViewToggle
-} from "../chunks/chunk-XI7S3HP2.js";
-import "../chunks/chunk-PT5ASWGQ.js";
+} from "../chunks/chunk-XEKFVRIO.js";
 import "../chunks/chunk-YD7FVKDP.js";
+import "../chunks/chunk-PT5ASWGQ.js";
 import "../chunks/chunk-ELDMXTUQ.js";
-import "../chunks/chunk-WFUXZ4UT.js";
+import "../chunks/chunk-XBPO6E25.js";
 import "../chunks/chunk-H6KHXSIO.js";
 import "../chunks/chunk-C5RLRG3L.js";
 import {

package/dist/{qti-test-DEJqAn7G.d.ts → qti-test-Db7oNIWY.d.ts}

@@ -1,4 +1,4 @@
-import { t as transformItemApi, a as transformTestApi } from './qti-transform-test-DkSRdVBF.js';
+import { t as transformItemApi, a as transformTestApi } from './qti-transform-test-Bz9A3hmD.js';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 import { Q as QtiAssessmentItem } from './qti-assessment-item-l-mN3teH.js';

package/dist/{qti-transform-test-DkSRdVBF.d.ts → qti-transform-test-Bz9A3hmD.d.ts}

@@ -14,10 +14,7 @@ interface ModuleResolutionConfig {
     };
 }
 type transformItemApi = {
-    load: (uri: string) => {
-        promise: Promise<transformItemApi>;
-        request: XMLHttpRequest | null;
-    };
+    load: (uri: string, signal?: AbortSignal) => Promise<transformItemApi>;
     parse: (xmlString: string) => transformItemApi;
     path: (location: string) => transformItemApi;
     fn: (fn: (xmlFragment: XMLDocument) => void) => transformItemApi;
@@ -47,7 +44,7 @@ declare const qtiTransformItem: (cache?: boolean) => transformItemApi;
  * const xml = qtiTransformer.xml();
  */
 type transformTestApi = {
-    load: (uri: string) => Promise<transformTestApi>;
+    load: (uri: string, signal?: AbortSignal) => Promise<transformTestApi>;
     parse: (xmlString: string) => transformTestApi;
     path: (location: string) => transformTestApi;
     fn: (fn: (xmlFragment: XMLDocument) => void) => transformTestApi;

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

@@ -1,8 +1,8 @@
-export { M as ModuleResolutionConfig, q as qtiTransformItem, b as qtiTransformTest, t as transformItemApi, a as transformTestApi } from '../qti-transform-test-DkSRdVBF.js';
+export { M as ModuleResolutionConfig, q as qtiTransformItem, b as qtiTransformTest, t as transformItemApi, a as transformTestApi } from '../qti-transform-test-Bz9A3hmD.js';
 
 declare const qtiTransformManifest: () => {
-    load: (uri: string) => Promise<{
-        load(uri: any): Promise</*elided*/ any>;
+    load: (uri: string, signal?: AbortSignal) => Promise<{
+        load(uri: any, signal: any): Promise</*elided*/ any>;
         parse(xmlString: string): void;
         assessmentTest(): {
             href: string;

package/dist/qti-transformers/index.js

@@ -2,7 +2,7 @@ import {
   qtiTransformItem,
   qtiTransformManifest,
   qtiTransformTest
-} from "../chunks/chunk-WFUXZ4UT.js";
+} from "../chunks/chunk-XBPO6E25.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {
   qtiTransformItem,

package/dist/vscode.html-custom-data.json

@@ -369,16 +369,8 @@
       "name": "qti-assessment-stimulus-ref",
       "description": "Represents a custom element for referencing an assessment stimulus.\n---\n\n\n### **Methods:**\n - **updateStimulusRef(stimulusRef: _Element_)** - Loads and appends the stimulus to the specified element.",
       "attributes": [
-        {
-          "name": "identifier",
-          "description": "The identifier of the stimulus.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The href of the stimulus.",
-          "values": []
-        }
+        { "name": "identifier", "values": [] },
+        { "name": "href", "values": [] }
       ],
       "references": []
     },
@@ -966,23 +958,14 @@
     },
     {
       "name": "qti-test",
-      "description": "`<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n\nThis component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n\n### Example Usage\n\nMinimal example including navigation:\n\n```html\n<qti-test>\n <test-navigation>\n   <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n   <nav class=\"flex\">\n     <test-prev></test-prev>\n     <test-next></test-next>\n   </nav>\n </test-navigation>\n</qti-test>\n```\n\nUse the following file structure\nA qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n\n```plaintext\nRoot/\n├── index.html\n└── /assets/api/examples/\n    ├── assessmenttest.xml\n    └── imsmanifest.xml\n\n```\n\n### Test components\n\nUse test components inside the qti-test component for added functionality.\n### Test next\n`<test-next> | TestNext`\n\n### Test prev\n\n`<test-prev> | TestPrev`\n### Test components\n\nYou can use normal class names to style the elements.\nAnd you can use the `test-prev` and `test-next` elements to navigate through the test.\n---\n\n\n### **Events:**\n - **qti-test-connected**\n- **qti-request-navigation**\n- **qti-navigation-error**\n- **qti-navigation-status**\n- **qti-test-loaded**\n- **qti-test-context-updated**\n\n### **Methods:**\n - **retryNavigation(): _void_** - Retry the last failed navigation",
+      "description": "`<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.\n\nThis component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.\n\n### Example Usage\n\nMinimal example including navigation:\n\n```html\n<qti-test>\n <test-navigation>\n   <test-container test-url=\"./path/to/assessment.xml\"></test-container>\n   <nav class=\"flex\">\n     <test-prev></test-prev>\n     <test-next></test-next>\n   </nav>\n </test-navigation>\n</qti-test>\n```\n\nUse the following file structure\nA qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.\n\n```plaintext\nRoot/\n├── index.html\n└── /assets/api/examples/\n    ├── assessmenttest.xml\n    └── imsmanifest.xml\n\n```\n\n### Test components\n\nUse test components inside the qti-test component for added functionality.\n### Test next\n`<test-next> | TestNext`\n\n### Test prev\n\n`<test-prev> | TestPrev`\n### Test components\n\nYou can use normal class names to style the elements.\nAnd you can use the `test-prev` and `test-next` elements to navigate through the test.\n---\n\n\n### **Events:**\n - **qti-test-connected**\n- **qti-request-navigation**\n- **qti-navigation-loading-started**\n- **qti-navigation-loading-ended**\n- **qti-navigation-error**\n- **qti-test-loaded**\n- **qti-test-context-updated**\n\n### **Methods:**\n - **navigateTo(type: _'item' | 'section'_, id: _string_): _void_** - Navigate to a specific item or section\n- **getLoadingProgress()** - Get current loading progress for external consumption",
       "attributes": [
         {
           "name": "navigate",
           "values": [{ "name": "item" }, { "name": "section" }]
         },
         { "name": "cache-transform", "values": [] },
-        { "name": "requestTimeout", "values": [] },
-        { "name": "showLoadingIndicators", "values": [] },
-        {
-          "name": "postLoadTransformCallback",
-          "values": [{ "name": "PostLoadTransformCallback" }]
-        },
-        {
-          "name": "postLoadTestTransformCallback",
-          "values": [{ "name": "PostLoadTestTransformCallback" }]
-        }
+        { "name": "requestTimeout", "values": [] }
       ],
       "references": []
     },

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=22.0.0"
   },
-  "version": "7.13.0",
+  "version": "7.14.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -147,6 +147,10 @@
     "husky": "^9.1.7",
     "lit": "^3.3.0",
     "madge": "^8.0.0",
+    "mdx-mermaid": "^2.0.3",
+    "mermaid": "^11.12.0",
+    "msw": "^2.11.5",
+    "msw-storybook-addon": "^2.0.5",
     "nodemon": "^3.1.10",
     "npm-run-all": "^4.1.5",
     "path-browserify": "^1.0.1",
@@ -185,5 +189,10 @@
   "homepage": "https://github.com/Citolab/qti-components#readme",
   "overrides": {
     "storybook": "$storybook"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }

package/dist/chunks/chunk-IHE5M7QU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/qti-item/components/item-container.ts","../../src/lib/qti-item/components/print-item-variables.ts","../../src/lib/qti-item/components/item-show-correct-response.ts","../../src/lib/qti-item/components/styles.ts","../../src/lib/qti-item/core/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 '../../decorators/watch';\nimport itemCss from '../../../item.css?inline';\nimport { qtiTransformItem } from '../../qti-transformers';\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 = null;\n\n  @watch('itemURL', { waitUntilFirstUpdate: true })\n  protected async handleItemURLChange() {\n    if (!this.itemURL) return;\n    try {\n      const { promise: api } = await qtiTransformItem().load(this.itemURL);\n      this.itemDoc = (await 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  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  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 { consume } from '@lit/context';\nimport { css, html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { computedItemContext } from '../../exports/computed-item.context';\n\nimport type { ResponseVariable } from '../../exports/variables';\nimport type { ComputedItemContext } from '../../exports/computed-item.context';\n\n@customElement('print-item-variables')\nexport class PrintItemVariables extends LitElement {\n  @consume({ context: computedItemContext, subscribe: true })\n  protected computedContext?: ComputedItemContext;\n\n  static 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  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    'print-item-variables': PrintItemVariables;\n  }\n}\n","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-correct-response')\nexport class ItemShowCorrectResponse 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 }) 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  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-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  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","// /* eslint-disable lit-plugin(no-invalid-css) */\nimport { 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 { provide } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport { computedItemContext } from '../../exports/computed-item.context';\nimport { configContext } from '../../exports/config.context.ts';\n\nimport type { QtiAssessmentItem } from '../../qti-components/qti-assessment-item/qti-assessment-item.ts';\nimport type { ConfigContext, CorrectResponseMode } from '../../exports/config.context.ts';\nimport type { ItemContext } from '../../exports/item.context';\nimport type { VariableDeclaration } from '../../exports/variables';\nimport type { ComputedItemContext } from '../../exports/computed-item.context';\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  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":["html","LitElement","customElement","LitElement","html","customElement","css","html","LitElement","customElement","property","consume","css","LitElement","html","css","consume","property","customElement","html","LitElement","customElement","state","LitElement","html","state","customElement"]}