@citolab/qti-components 7.0.4 → 7.0.5

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

@@ -440,10 +440,6 @@ export type QtiInlineChoiceInteractionProps = {
   /**  */
   readonly?: boolean;
   /**  */
-  options?: OptionType[];
-  /**  */
-  correctOption?: string;
-  /**  */
   value?: string | string[];
   /**  */
   correctResponse?: string | string[];
@@ -574,19 +570,19 @@ export type QtiAssociateInteractionProps = {
   /**  */
   "max-associations"?: number;
   /**  */
-  disabled?: boolean;
-  /**  */
   "response-identifier"?: string;
   /**  */
+  disabled?: boolean;
+  /**  */
   readonly?: boolean;
   /**  */
   value?: string | string[];
   /**  */
   correctResponse?: string | string[];
   /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiCustomInteractionProps = {
@@ -621,26 +617,17 @@ export type QtiCustomInteractionProps = {
 };
 
 export type QtiEndAttemptInteractionProps = {
-  /**  */
-  "count-attempt"?: string;
-  /**  */
-  title?: "end attempt";
   /**  */
   "response-identifier"?: string;
   /**  */
   disabled?: boolean;
+  /** Defines the number of attempts that a user can make using the 'endAttemptInteraction' mechanism (this can be used to limit the number of hints, etc.). [More information](https://www.imsglobal.org/sites/default/files/spec/qti/v3/info/index.html#DataCharacteristic_EndAttemptInteraction.Attr_count-attempt) */
+  "count-attempt"?: "true" | "false" | null;
   /**  */
-  readonly?: boolean;
-  /**  */
-  value?: string | string[];
-  /**  */
-  correctResponse?: string | string[];
+  title?: string;
+
   /**  */
   "onend-attempt"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
-  "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiGapMatchInteractionProps = {
@@ -649,19 +636,19 @@ export type QtiGapMatchInteractionProps = {
   /**  */
   "max-associations"?: number;
   /**  */
-  disabled?: boolean;
-  /**  */
   "response-identifier"?: string;
   /**  */
+  disabled?: boolean;
+  /**  */
   readonly?: boolean;
   /**  */
   correctResponse?: string | string[];
   /**  */
   value?: string | string[];
   /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiHotspotChoiceProps = {
@@ -689,26 +676,6 @@ export type QtiGraphicAssociateInteractionProps = {
   /**  */
   readonly?: boolean;
   /**  */
-  choiceOrdering?: boolean;
-  /**  */
-  hotspots?: string;
-  /**  */
-  startPoint?: null;
-  /**  */
-  endPoint?: null;
-  /**  */
-  _lines?: array;
-  /**  */
-  startCoord?: { x: any; y: any };
-  /**  */
-  mouseCoord?: { x: number; y: number };
-  /**  */
-  svgContainer?: string;
-  /**  */
-  grImage?: string;
-  /**  */
-  svg?: SVGSVGElement;
-  /**  */
   value?: string | string[];
   /**  */
   correctResponse?: string | string[];
@@ -724,19 +691,19 @@ export type QtiGraphicGapMatchInteractionProps = {
   /**  */
   "max-associations"?: number;
   /**  */
-  disabled?: boolean;
-  /**  */
   "response-identifier"?: string;
   /**  */
+  disabled?: boolean;
+  /**  */
   readonly?: boolean;
   /**  */
   value?: string | string[];
   /**  */
   correctResponse?: string | string[];
   /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiGraphicOrderInteractionProps = {
@@ -751,8 +718,6 @@ export type QtiGraphicOrderInteractionProps = {
   /**  */
   readonly?: boolean;
   /**  */
-  choiceOrdering?: boolean;
-  /**  */
   value?: string | string[];
   /**  */
   correctResponse?: string | string[];
@@ -801,9 +766,9 @@ export type QtiMatchInteractionProps = {
   /**  */
   correctResponse?: string | string[];
   /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiMediaInteractionProps = {
@@ -833,15 +798,11 @@ export type QtiOrderInteractionProps = {
   /**  */
   "max-associations"?: number;
   /**  */
-  disabled?: boolean;
-  /**  */
   "response-identifier"?: string;
   /**  */
-  readonly?: boolean;
-  /**  */
-  childrenMap?: Element[];
+  disabled?: boolean;
   /**  */
-  nrChoices?: number;
+  readonly?: boolean;
   /**  */
   correctResponses?: string[];
   /**  */
@@ -851,9 +812,9 @@ export type QtiOrderInteractionProps = {
   /**  */
   value?: string | string[];
   /**  */
-  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  "onqti-register-interaction"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 export type QtiPositionObjectInteractionProps = {};
@@ -1028,6 +989,17 @@ export type TestElementProps = {
   "onqti-interaction-response"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+export type QtiItemProps = {};
+
+export type ItemContainerProps = {
+  /** URL of the item to load */
+  "item-url"?: string;
+  /** A parsed HTML document */
+  itemDoc?: DocumentFragment;
+  /** The raw XML string */
+  itemXML?: string;
+};
+
 export type QtiAssessmentItemRefProps = {
   /**  */
   category?: string | undefined;
@@ -1110,10 +1082,6 @@ export type TestNextProps = {
   /**  */
   disabled?: boolean;
   /**  */
-  _testContext?: TestContext | undefined;
-  /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
@@ -1127,29 +1095,19 @@ export type TestPrevProps = {
   /**  */
   disabled?: boolean;
   /**  */
-  _testContext?: TestContext | undefined;
-  /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "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;
   /**  */
-  _handleViewOptionsChange?: string;
-  /**  */
   disabled?: boolean;
   /**  */
-  _testContext?: TestContext | undefined;
-  /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
@@ -1161,10 +1119,6 @@ export type TestItemLinkProps = {
   /**  */
   disabled?: boolean;
   /**  */
-  _testContext?: TestContext | undefined;
-  /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
@@ -1189,26 +1143,11 @@ export type TestPagingButtonsStampProps = {
   /**  */
   disabled?: boolean;
   /**  */
-  _testContext?: TestContext | undefined;
-  /**  */
-  _testElement?: TestElement | undefined;
-  /**  */
   "onon-test-switch-view"?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   "onqti-request-test-item"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type QtiItemProps = {};
-
-export type ItemContainerProps = {
-  /** URL of the item to load */
-  "item-url"?: string;
-  /** A parsed HTML document */
-  itemDoc?: DocumentFragment;
-  /** The raw XML string */
-  itemXML?: string;
-};
-
 export type CustomElements = {
   /**
    *
@@ -1608,6 +1547,9 @@ export type CustomElements = {
    * ### **Events:**
    *  - **qti-register-interaction**
    * - **qti-interaction-response**
+   *
+   * ### **Methods:**
+   *
    */
   "qti-hottext-interaction": Partial<QtiHottextInteractionProps & BaseProps & BaseEvents>;
 
@@ -1642,6 +1584,9 @@ export type CustomElements = {
    *  - **qti-register-interaction**
    * - **qti-interaction-response**
    *
+   * ### **Methods:**
+   *
+   *
    * ### **Slots:**
    *  - _default_ - default slot of the choices
    * - **prompt** - slot of the prompt
@@ -1705,8 +1650,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-register-interaction**
-   * - **qti-interaction-response**
+   *  - **qti-interaction-response**
+   * - **qti-register-interaction**
    */
   "qti-associate-interaction": Partial<QtiAssociateInteractionProps & BaseProps & BaseEvents>;
 
@@ -1728,8 +1673,6 @@ export type CustomElements = {
    *
    * ### **Events:**
    *  - **end-attempt**
-   * - **qti-register-interaction**
-   * - **qti-interaction-response**
    */
   "qti-end-attempt-interaction": Partial<QtiEndAttemptInteractionProps & BaseProps & BaseEvents>;
 
@@ -1739,8 +1682,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-register-interaction**
-   * - **qti-interaction-response**
+   *  - **qti-interaction-response**
+   * - **qti-register-interaction**
    */
   "qti-gap-match-interaction": Partial<QtiGapMatchInteractionProps & BaseProps & BaseEvents>;
 
@@ -1771,8 +1714,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-register-interaction**
-   * - **qti-interaction-response**
+   *  - **qti-interaction-response**
+   * - **qti-register-interaction**
    */
   "qti-graphic-gap-match-interaction": Partial<QtiGraphicGapMatchInteractionProps & BaseProps & BaseEvents>;
 
@@ -1784,6 +1727,9 @@ export type CustomElements = {
    * ### **Events:**
    *  - **qti-register-interaction**
    * - **qti-interaction-response**
+   *
+   * ### **Methods:**
+   *
    */
   "qti-graphic-order-interaction": Partial<QtiGraphicOrderInteractionProps & BaseProps & BaseEvents>;
 
@@ -1795,6 +1741,9 @@ export type CustomElements = {
    * ### **Events:**
    *  - **qti-register-interaction**
    * - **qti-interaction-response**
+   *
+   * ### **Methods:**
+   *
    */
   "qti-hotspot-interaction": Partial<QtiHotspotInteractionProps & BaseProps & BaseEvents>;
 
@@ -1804,8 +1753,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-register-interaction**
-   * - **qti-interaction-response**
+   *  - **qti-interaction-response**
+   * - **qti-register-interaction**
    */
   "qti-match-interaction": Partial<QtiMatchInteractionProps & BaseProps & BaseEvents>;
 
@@ -1826,8 +1775,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **qti-register-interaction**
-   * - **qti-interaction-response**
+   *  - **qti-interaction-response**
+   * - **qti-register-interaction**
    */
   "qti-order-interaction": Partial<QtiOrderInteractionProps & BaseProps & BaseEvents>;
 
@@ -1973,6 +1922,40 @@ export type CustomElements = {
    */
   "test-element": Partial<TestElementProps & BaseProps & BaseEvents>;
 
+  /**
+   * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.
+   * It can also host some functionalities to interact with the item like scoring, showing feedback, etc.
+   * Placing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.
+   * See `<item-container>` for more details.
+   *
+   * ```html
+   * <qti-item>
+   *   <item-container class="m-4 bg-white" item-url="./path/to/item.xml"></item-container>
+   * </qti-item>
+   * ```
+   * ---
+   *
+   */
+  "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
+
+  /**
+   * `<item-container>` is a custom element designed for hosting the qti-assessment-item.
+   * The `qti-assessment-item` will be placed inside the shadow DOM of this element.
+   * The element loads the item from the provided URL and renders it inside the shadow DOM.
+   *
+   * ### Styling
+   * Add a class to the element for styling.
+   *
+   * ```html
+   * <qti-item>
+   *   <item-container class="m-4 bg-white" item-url="./path/to/item.xml"></item-container>
+   * </qti-item>
+   * ```
+   * ---
+   *
+   */
+  "item-container": Partial<ItemContainerProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---
@@ -2109,14 +2092,11 @@ export type CustomElements = {
   /**
    * `<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 item from the provided URL and renders it inside the shadow DOM.
-   *
-   * ### Styling
-   * Add a class to the element for styling.
+   * 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/item.xml"></test-container>
+   *   <test-container class="m-4 bg-white" test-url="./path/to/assessmenttest.xml"></test-container>
    * </qti-test>
    * ```
    * ---
@@ -2134,38 +2114,4 @@ export type CustomElements = {
    * - **qti-request-test-item**
    */
   "test-paging-buttons-stamp": Partial<TestPagingButtonsStampProps & BaseProps & BaseEvents>;
-
-  /**
-   * `<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.
-   * It can also host some functionalities to interact with the item like scoring, showing feedback, etc.
-   * Placing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.
-   * See `<item-container>` for more details.
-   *
-   * ```html
-   * <qti-item>
-   *   <item-container class="m-4 bg-white" item-url="./path/to/item.xml"></item-container>
-   * </qti-item>
-   * ```
-   * ---
-   *
-   */
-  "qti-item": Partial<QtiItemProps & BaseProps & BaseEvents>;
-
-  /**
-   * `<item-container>` is a custom element designed for hosting the qti-assessment-item.
-   * The `qti-assessment-item` will be placed inside the shadow DOM of this element.
-   * The element loads the item from the provided URL and renders it inside the shadow DOM.
-   *
-   * ### Styling
-   * Add a class to the element for styling.
-   *
-   * ```html
-   * <qti-item>
-   *   <item-container class="m-4 bg-white" item-url="./path/to/item.xml"></item-container>
-   * </qti-item>
-   * ```
-   * ---
-   *
-   */
-  "item-container": Partial<ItemContainerProps & BaseProps & BaseEvents>;
 };

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

@@ -0,0 +1,3 @@
+export { ItemContainer } from './item-container.js';
+import 'lit-html';
+import 'lit';