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

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

@@ -60,6 +60,17 @@ type BaseProps = {
 
 type BaseEvents = {};
 
+export type QtiAreaMappingProps = {
+  /**  */
+  "default-value"?: number;
+  /**  */
+  "lower-bound"?: number;
+  /**  */
+  "upper-bound"?: number;
+  /**  */
+  mapEntries?: string;
+};
+
 export type QtiMappingProps = {
   /**  */
   "default-value"?: number;
@@ -160,6 +171,13 @@ export type QtiMapResponseProps = {
   getVariables?: string;
 };
 
+export type QtiMapResponsePointProps = {
+  /**  */
+  identifier?: string;
+  /**  */
+  getVariables?: string;
+};
+
 export type QtiMatchProps = {
   /**  */
   getVariables?: string;
@@ -762,6 +780,36 @@ export type ItemContainerProps = {
 
 export type QtiItemProps = {};
 
+export type TestNextProps = {
+  /**  */
+  disabled?: boolean;
+  /**  */
+  sectionItems?: ComputedItem[];
+  /**  */
+  itemIndex?: number;
+  /**  */
+  role?: string;
+  /**  */
+  ariaLabel?: string;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
+export type TestPrevProps = {
+  /**  */
+  disabled?: boolean;
+  /**  */
+  sectionItems?: ComputedItem[];
+  /**  */
+  itemIndex?: number;
+  /**  */
+  role?: string;
+  /**  */
+  ariaLabel?: string;
+  /**  */
+  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
+};
+
 export type QtiAssessmentItemRefProps = {
   /**  */
   category?: string | undefined;
@@ -831,35 +879,12 @@ export type QtiTestPartProps = {
   "onqti-test-part-connected"?: (e: CustomEvent<Event>) => void;
 };
 
-export type TestNextProps = {
-  /**  */
-  role?: string;
-  /**  */
-  ariaLabel?: string;
-  /**  */
-  disabled?: boolean;
-  /**  */
-  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
-};
-
-export type TestPrevProps = {
-  /**  */
-  role?: string;
-  /**  */
-  ariaLabel?: string;
-  /**  */
-  disabled?: boolean;
-  /**  */
-  "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
-};
-
 export type TestViewProps = {
   /** label accompanying the select view dropdown */
   label?: string;
   /** The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor'] */
   "view-options"?: string;
-  /**  */
-  disabled?: boolean;
+
   /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -867,63 +892,78 @@ export type TestViewProps = {
 export type TestItemLinkProps = {
   /**  */
   "item-id"?: string;
-  /**  */
-  disabled?: boolean;
+
   /**  */
   "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type TestContainerProps = {
-  /** URL of the item to load */
-  "test-url"?: string;
-  /** A parsed HTML document */
-  testDoc?: DocumentFragment;
-  /** The raw XML string */
-  testXML?: string;
-};
-
 export type QtiTestProps = {
-  /** Items will be scored on everyinteraction when `qti-assessment-item` is not set to adaptive, and the `SCORE` outcome identifier is not set to be "human" | "externalMachine" */
-  "auto-score-items"?: boolean;
+  /** TestContext will be stored in sessionStorage with given attribute value if provided */
+  "auto-store-restore"?: string | null;
+  /**  */
+  "nav-item-id"?: string | null;
+  /**  */
+  sessionContext?: Readonly<SessionContext>;
   /**  */
-  "auto-store-restore"?: boolean;
+  testContext?: Readonly<TestContext>;
   /**  */
-  context?: TestContext;
+  testElement?: QtiAssessmentTest;
   /**  */
   "onqti-test-connected"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type TestEndAttemptProps = {
-  /**  */
-  disabled?: boolean;
-};
+export type TestEndAttemptProps = {};
 
-export type TestShowCorrectResponseProps = {
+export type TestShowCorrectResponseProps = {};
+
+export type TestPagingButtonsStampProps = {
   /**  */
-  disabled?: boolean;
+  myTemplate?: TemplateFunction;
+  /**  */
+  ariaLabel?: string;
 };
 
-export type TestPagingButtonsStampProps = {
+export type TestNavigationProps = {
   /**  */
-  "max-displayed-items"?: number;
+  "auto-score-items"?: boolean;
   /**  */
-  "skip-on-category"?: string;
+  initContext?: { identifier: string; [key: string]: any }[];
   /**  */
-  ariaLabel?: string;
+  _testContext?: TestContext | undefined;
   /**  */
-  disabled?: boolean;
+  _sessionContext?: SessionContext | undefined;
+  /**  */
+  configContext?: ConfigContext;
+  /**  */
+  computedContext?: ComputedContext;
+  /**  */
+  testElement?: QtiAssessmentTest;
+};
+
+export type TestContainerProps = {
+  /** URL of the item to load */
+  "test-url"?: string;
+  /** A parsed HTML document */
+  testDoc?: DocumentFragment;
+  /** The raw XML string */
+  testXML?: string;
 };
 
 export type QtiTestVariablesProps = {
   /**  */
   _testContext?: TestContext | undefined;
   /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   getVariables?: string;
 };
 
 export type CustomElements = {
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-area-mapping": Partial<QtiAreaMappingProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---
@@ -1079,6 +1119,13 @@ export type CustomElements = {
    */
   "qti-map-response": Partial<QtiMapResponseProps & BaseProps & BaseEvents>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "qti-map-response-point": Partial<QtiMapResponsePointProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---
@@ -1662,24 +1709,24 @@ export type CustomElements = {
   "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
 
   /**
-   *
+   * Represents a custom element for navigating to the next test item.
    * ---
    *
    *
    * ### **Events:**
-   *  - **qti-assessment-item-ref-connected**
+   *  - **qti-request-test-item**
    */
-  "qti-assessment-item-ref": Partial<QtiAssessmentItemRefProps & BaseProps & BaseEvents>;
+  "test-next": Partial<TestNextProps & BaseProps & BaseEvents>;
 
   /**
-   *
+   * Represents a custom element for navigating to the previous test item.
    * ---
    *
    *
    * ### **Events:**
-   *  - **qti-assessment-section-connected**
+   *  - **qti-request-test-item**
    */
-  "qti-assessment-section": Partial<QtiAssessmentSectionProps & BaseProps & BaseEvents>;
+  "test-prev": Partial<TestPrevProps & BaseProps & BaseEvents>;
 
   /**
    *
@@ -1687,9 +1734,9 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-assessment-test-connected**
+   *  - **qti-assessment-item-ref-connected**
    */
-  "qti-assessment-test": Partial<QtiAssessmentTestProps & BaseProps & BaseEvents>;
+  "qti-assessment-item-ref": Partial<QtiAssessmentItemRefProps & BaseProps & BaseEvents>;
 
   /**
    *
@@ -1697,29 +1744,29 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-test-part-connected**
+   *  - **qti-assessment-section-connected**
    */
-  "qti-test-part": Partial<QtiTestPartProps & BaseProps & BaseEvents>;
+  "qti-assessment-section": Partial<QtiAssessmentSectionProps & BaseProps & BaseEvents>;
 
   /**
-   * Represents a custom element for navigating to the next test item.
+   *
    * ---
    *
    *
    * ### **Events:**
-   *  - **qti-request-test-item**
+   *  - **qti-assessment-test-connected**
    */
-  "test-next": Partial<TestNextProps & BaseProps & BaseEvents>;
+  "qti-assessment-test": Partial<QtiAssessmentTestProps & BaseProps & BaseEvents>;
 
   /**
-   * Represents a custom element for navigating to the previous test item.
+   *
    * ---
    *
    *
    * ### **Events:**
-   *  - **qti-request-test-item**
+   *  - **qti-test-part-connected**
    */
-  "test-prev": Partial<TestPrevProps & BaseProps & BaseEvents>;
+  "qti-test-part": Partial<QtiTestPartProps & BaseProps & BaseEvents>;
 
   /**
    *
@@ -1741,21 +1788,6 @@ export type CustomElements = {
    */
   "test-item-link": Partial<TestItemLinkProps & BaseProps & BaseEvents>;
 
-  /**
-   * `<test-container>` is a custom element designed for hosting the qti-assessment-item.
-   * The `qti-assessment-test` will be placed inside the shadow DOM of this element.
-   * The element loads the test from the provided URL and renders it inside the shadow DOM.
-   *
-   * ```html
-   * <qti-test>
-   *   <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
-   * </qti-test>
-   * ```
-   * ---
-   *
-   */
-  "test-container": Partial<TestContainerProps & BaseProps & BaseEvents>;
-
   /**
    * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.
    *
@@ -1767,11 +1799,13 @@ export type CustomElements = {
    *
    * ```html
    * <qti-test>
-   *   <test-container test-url="./path/to/assessment.xml"></test-container>
-   *   <nav class="flex">
+   *  <test-navigation>
+   *    <test-container test-url="./path/to/assessment.xml"></test-container>
+   *    <nav class="flex">
    *      <test-prev></test-prev>
    *      <test-next></test-next>
-   *   </nav>
+   *    </nav>
+   *  </test-navigation>
    * </qti-test>
    * ```
    *
@@ -1829,6 +1863,30 @@ export type CustomElements = {
    */
   "test-paging-buttons-stamp": Partial<TestPagingButtonsStampProps & BaseProps & BaseEvents>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "test-navigation": Partial<TestNavigationProps & BaseProps & BaseEvents>;
+
+  /**
+   * `<test-container>` is a custom element designed for hosting the qti-assessment-item.
+   * The `qti-assessment-test` will be placed inside the shadow DOM of this element.
+   * The element loads the test from the provided URL and renders it inside the shadow DOM.
+   *
+   * ```html
+   * <qti-test>
+   *   <test-navigation>
+   *      <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
+   *   </test-navigation>
+   * </qti-test>
+   * ```
+   * ---
+   *
+   */
+  "test-container": Partial<TestContainerProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---

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

@@ -1,10 +1,9 @@
 import {
   ItemContainer,
   QtiItem
-} from "../../chunks/chunk-XCHS3RTZ.js";
-import "../../chunks/chunk-NZQKGIJP.js";
-import "../../chunks/chunk-XDMSEAYC.js";
+} from "../../chunks/chunk-QGPXAPBK.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-XDMSEAYC.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
   ItemContainer,

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

@@ -1,8 +1,8 @@
-import { Q as QtiAssessmentItem } from '../qti-response-declaration-Di9CsqiJ.js';
+import { Q as QtiAssessmentItem } from '../qti-response-declaration-CESClJ3_.js';
 import 'lit-html';
 import 'lit';
 import '../exports/expression-result.js';
-import '../variables-cO3DzqJy.js';
+import '../variables-DNDfraER.js';
 import '../exports/interaction.interface.js';
 import '../exports/interaction.js';
 import 'lit-html/directives/ref.js';

package/dist/qti-loader/index.js

@@ -1,7 +1,7 @@
 import {
   getItemByUri,
   getManifestInfo
-} from "../chunks/chunk-FV7HWK54.js";
+} from "../chunks/chunk-JUAS2TVR.js";
 import "../chunks/chunk-XDMSEAYC.js";
 import "../chunks/chunk-H2JE6IVU.js";
 export {

package/dist/{qti-response-declaration-Di9CsqiJ.d.ts → qti-response-declaration-CESClJ3_.d.ts}

@@ -2,7 +2,7 @@ import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, PropertyValueMap, CSSResultGroup } from 'lit';
 import { ResponseInteraction, Calculate, BaseType, Cardinality } from './exports/expression-result.js';
-import { a as VariableValue, R as ResponseVariable, O as OutcomeVariable, V as VariableDeclaration } from './variables-cO3DzqJy.js';
+import { b as VariableValue, R as ResponseVariable, O as OutcomeVariable, V as VariableDeclaration } from './variables-DNDfraER.js';
 import { IInteraction } from './exports/interaction.interface.js';
 import { Interaction } from './exports/interaction.js';
 import * as lit_html_directives_ref_js from 'lit-html/directives/ref.js';
@@ -58,7 +58,8 @@ declare class QtiAssessmentItem extends LitElement {
     private handleUpdateResponseVariable;
     updateResponseVariable(identifier: string, value: string | string[] | undefined): void;
     updateOutcomeVariable(identifier: string, value: string | string[] | undefined): void;
-    validate(): boolean | null;
+    validate(reportValidity?: boolean): boolean | null;
+    reportValidity(): void;
     private _getCompletionStatus;
     private _emit;
 }
@@ -638,6 +639,7 @@ declare type Configuration<T> = {
     onready: (pci: IMSpci<T>, state?: string) => void;
     properties: T;
 };
+declare type ResponseType = boolean | number | string | [number, number] | [string, string] | string[] | [number | string][];
 declare type QtiVariableJSON = {
     [K in 'list' | 'base']?: {
         [Ka in 'boolean' | 'integer' | 'float' | 'string' | 'pair' | 'directedPair' | 'identifier']?: ResponseType;
@@ -666,12 +668,13 @@ declare class QtiPortableCustomInteraction extends Interaction {
     customInteractionTypeIdentifier: string;
     private _errorMessage;
     private convertQtiVariableJSON;
+    private addHyphenatedKeys;
+    private responseVariablesToQtiVariableJSON;
     private startChecking;
     private stopChecking;
     validate(): boolean;
     set value(_: string | string[]);
     get value(): string | string[];
-    getTAOConfig(node: any): {};
     register(pci: IMSpci<unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -1002,6 +1005,7 @@ declare class QtiResponseDeclaration extends QtiVariableDeclaration {
     connectedCallback(): void;
     private get correctResponse();
     private get mapping();
+    private get areaMapping();
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,4 +1,3 @@
-export { TestComponent } from './test-component.abstract.js';
 export { TestNext } from './test-next.js';
 export { TestPrev } from './test-prev.js';
 export { TestView } from './test-view.js';
@@ -6,14 +5,21 @@ export { TestItemLink } from './test-item-link.js';
 export { TestEndAttempt } from './test-end-attempt.js';
 export { TestShowCorrectResponse } from './test-show-correct-response.js';
 export { TestPagingButtonsStamp } from './test-paging-buttons-stamp.js';
-import 'lit';
-import '../../test.context-CmsDQ8k2.js';
+export { TestNavigation } from './test-navigation.js';
+export { TestContainer } from './test-container.js';
 import 'lit-html';
-import '../../variables-cO3DzqJy.js';
+import 'lit';
+import '../../exports/computed.context.js';
+import 'stampino';
+import '../core/index.js';
+import '../../variables-DNDfraER.js';
 import '../../exports/expression-result.js';
+import '../../qti-test-part-BAM_WUTL.js';
+import '../../exports/test.context.js';
 import '../../exports/item.context.js';
-import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../qti-response-declaration-CESClJ3_.js';
 import '../../exports/interaction.interface.js';
 import '../../exports/interaction.js';
 import 'lit-html/directives/ref.js';
 import '../../exports/qti-expression.js';
+import '../../exports/config.context.js';

package/dist/qti-test/components/index.js

@@ -1,37 +1,46 @@
-import "../../chunks/chunk-HOTNM5DT.js";
-import {
-  TestEndAttempt
-} from "../../chunks/chunk-W4272Q5U.js";
-import {
-  TestItemLink
-} from "../../chunks/chunk-CEXAR7BF.js";
-import {
-  TestNext
-} from "../../chunks/chunk-RX3BRYYI.js";
+import "../../chunks/chunk-CBYNKDSF.js";
 import {
   TestPagingButtonsStamp
-} from "../../chunks/chunk-YQB6YLNW.js";
+} from "../../chunks/chunk-GNCPECOC.js";
 import {
   TestPrev
-} from "../../chunks/chunk-DNHDFXTV.js";
+} from "../../chunks/chunk-LZ7UIV5O.js";
 import {
   TestShowCorrectResponse
-} from "../../chunks/chunk-GQ5P3NWC.js";
+} from "../../chunks/chunk-FZVLLSCM.js";
 import {
   TestView
-} from "../../chunks/chunk-WWN5AD6V.js";
+} from "../../chunks/chunk-CHINL5UJ.js";
 import {
-  TestComponent
-} from "../../chunks/chunk-MLT7V47R.js";
+  TestContainer
+} from "../../chunks/chunk-BH5H7BSS.js";
+import {
+  TestEndAttempt
+} from "../../chunks/chunk-CWCYTL3F.js";
+import {
+  TestItemLink
+} from "../../chunks/chunk-PR6AZWRP.js";
+import {
+  TestNavigation
+} from "../../chunks/chunk-QAA6MWGE.js";
+import {
+  TestNext
+} from "../../chunks/chunk-WXART76T.js";
+import "../../chunks/chunk-K6EUKFNW.js";
+import "../../chunks/chunk-4O5F7WV7.js";
+import "../../chunks/chunk-QTH3WLGY.js";
+import "../../chunks/chunk-ODLYMQOS.js";
 import "../../chunks/chunk-D3RGDWKP.js";
-import "../../chunks/chunk-AUWATZ65.js";
 import "../../chunks/chunk-ELDMXTUQ.js";
-import "../../chunks/chunk-4O5F7WV7.js";
+import "../../chunks/chunk-XDMSEAYC.js";
+import "../../chunks/chunk-J4MM4JXS.js";
+import "../../chunks/chunk-3A4IOMBQ.js";
 import "../../chunks/chunk-H2JE6IVU.js";
 export {
-  TestComponent,
+  TestContainer,
   TestEndAttempt,
   TestItemLink,
+  TestNavigation,
   TestNext,
   TestPagingButtonsStamp,
   TestPrev,

package/dist/qti-test/components/test-container.d.ts

@@ -8,7 +8,9 @@ import { LitElement } from 'lit';
  *
  * ```html
  * <qti-test>
- *   <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
+ *   <test-navigation>
+ *      <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
+ *   </test-navigation>
  * </qti-test>
  * ```
  */