@citolab/qti-components 7.0.6-next.0 → 7.0.6

package/dist/qti-test/components/test-paging-buttons-stamp.d.ts

@@ -1,10 +1,15 @@
 import * as lit_html from 'lit-html';
 import { TestComponent } from './test-component.abstract.js';
 import 'lit';
-import '../../test-base-BJwG9Ie8.js';
-import '../qti-assessment-test/qti-test-part.js';
-import '../../qti-simple-choice-DxWcdKHi.js';
+import '../../test.context-CmsDQ8k2.js';
+import '../../variables-cO3DzqJy.js';
+import '../../exports/expression-result.js';
+import '../../exports/item.context.js';
+import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../exports/interaction.interface.js';
+import '../../exports/interaction.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti-expression.js';
 
 declare class TestPagingButtonsStamp extends TestComponent {
     private maxDisplayedItems;

package/dist/qti-test/components/test-paging-buttons-stamp.js

@@ -1,12 +1,11 @@
 import {
   TestPagingButtonsStamp
-} from "../../chunk-JDHBXMKF.js";
-import "../../chunk-ENVUIH2A.js";
-import "../../chunk-4CSM2PCC.js";
-import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+} from "../../chunks/chunk-YQB6YLNW.js";
+import "../../chunks/chunk-MLT7V47R.js";
+import "../../chunks/chunk-D3RGDWKP.js";
+import "../../chunks/chunk-AUWATZ65.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-H2JE6IVU.js";
 export {
   TestPagingButtonsStamp
 };

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

@@ -1,10 +1,15 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { TestComponent } from './test-component.abstract.js';
-import '../../test-base-BJwG9Ie8.js';
-import '../qti-assessment-test/qti-test-part.js';
-import '../../qti-simple-choice-DxWcdKHi.js';
+import '../../test.context-CmsDQ8k2.js';
+import '../../variables-cO3DzqJy.js';
+import '../../exports/expression-result.js';
+import '../../exports/item.context.js';
+import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../exports/interaction.interface.js';
+import '../../exports/interaction.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti-expression.js';
 
 /**
  * Represents a custom element for navigating to the previous test item.
@@ -20,6 +25,7 @@ import 'lit-html/directives/ref.js';
 declare class TestPrev extends TestComponent {
     static styles: lit.CSSResult;
     constructor();
+    protected _requestItem(identifier: string): void;
     willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): lit_html.TemplateResult<1>;
 }

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

@@ -1,13 +1,12 @@
 import {
   TestPrev
-} from "../../chunk-TXRSYXG3.js";
-import "../../chunk-UB5K44DB.js";
-import "../../chunk-ENVUIH2A.js";
-import "../../chunk-4CSM2PCC.js";
-import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+} from "../../chunks/chunk-DNHDFXTV.js";
+import "../../chunks/chunk-MLT7V47R.js";
+import "../../chunks/chunk-D3RGDWKP.js";
+import "../../chunks/chunk-AUWATZ65.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-4O5F7WV7.js";
+import "../../chunks/chunk-H2JE6IVU.js";
 export {
   TestPrev
 };

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

@@ -0,0 +1,26 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { TestComponent } from './test-component.abstract.js';
+import '../../test.context-CmsDQ8k2.js';
+import '../../variables-cO3DzqJy.js';
+import '../../exports/expression-result.js';
+import '../../exports/item.context.js';
+import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../exports/interaction.interface.js';
+import '../../exports/interaction.js';
+import 'lit-html/directives/ref.js';
+import '../../exports/qti-expression.js';
+
+declare class TestShowCorrectResponse extends TestComponent {
+    static styles: lit.CSSResult;
+    _processResponse(): void;
+    constructor();
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-show-correct-response': TestShowCorrectResponse;
+    }
+}
+
+export { TestShowCorrectResponse };

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

@@ -0,0 +1,13 @@
+import {
+  TestShowCorrectResponse
+} from "../../chunks/chunk-GQ5P3NWC.js";
+import "../../chunks/chunk-MLT7V47R.js";
+import "../../chunks/chunk-D3RGDWKP.js";
+import "../../chunks/chunk-AUWATZ65.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-4O5F7WV7.js";
+import "../../chunks/chunk-H2JE6IVU.js";
+export {
+  TestShowCorrectResponse
+};
+//# sourceMappingURL=test-show-correct-response.js.map

package/dist/qti-test/components/test-show-correct-response.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -1,10 +1,15 @@
 import * as lit_html from 'lit-html';
 import { TestComponent } from './test-component.abstract.js';
 import 'lit';
-import '../../test-base-BJwG9Ie8.js';
-import '../qti-assessment-test/qti-test-part.js';
-import '../../qti-simple-choice-DxWcdKHi.js';
+import '../../test.context-CmsDQ8k2.js';
+import '../../variables-cO3DzqJy.js';
+import '../../exports/expression-result.js';
+import '../../exports/item.context.js';
+import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../exports/interaction.interface.js';
+import '../../exports/interaction.js';
 import 'lit-html/directives/ref.js';
+import '../../exports/qti-expression.js';
 
 declare class TestView extends TestComponent {
     static DEFAULT_VIEW_OPTIONS: string[];
@@ -16,6 +21,7 @@ declare class TestView extends TestComponent {
     connectedCallback(): void;
     private _viewOptions;
     private updateViewOptions;
+    protected _switchView(view: string): void;
     render(): lit_html.TemplateResult<1>;
 }
 declare global {

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

@@ -1,12 +1,11 @@
 import {
   TestView
-} from "../../chunk-VODOQFTJ.js";
-import "../../chunk-ENVUIH2A.js";
-import "../../chunk-4CSM2PCC.js";
-import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+} from "../../chunks/chunk-WWN5AD6V.js";
+import "../../chunks/chunk-MLT7V47R.js";
+import "../../chunks/chunk-D3RGDWKP.js";
+import "../../chunks/chunk-AUWATZ65.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-H2JE6IVU.js";
 export {
   TestView
 };

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

@@ -1,9 +1,7 @@
-import "../../chunk-XFHB6KQW.js";
-import {
-  testContext,
-  testElement
-} from "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
 export {
   testContext,
   testElement

package/dist/qti-test/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAgBvB,IAAM,cAAc,cAAqC,OAAO,MAAM,CAAC;AAMvE,IAAM,cAAc,cAAqC,OAAO,aAAa,CAAC;","names":[]}

package/dist/qti-test/context/test.context.js

@@ -1,8 +1,7 @@
-import {
-  testContext,
-  testElement
-} from "../../chunk-R4HSV7U7.js";
-import "../../chunk-44VE5POH.js";
+// src/lib/qti-test/context/test.context.ts
+import { createContext } from "@lit/context";
+var testContext = createContext(Symbol("test"));
+var testElement = createContext(Symbol("testElement"));
 export {
   testContext,
   testElement

package/dist/qti-test/context/test.context.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/lib/qti-test/context/test.context.ts"],"sourcesContent":["import { createContext } from '@lit/context';\nimport { QtiAssessmentTest } from '../qti-assessment-test';\nimport { ItemContext, VariableDeclaration } from '../../qti-components';\nimport { View } from '../mixins/test-view.mixin';\n\nexport interface TestContext {\n  items: (ItemContext & { category?: string })[];\n  testOutcomeVariables: VariableDeclaration<string | string[]>[];\n  navPartId?: string | null;\n  navSectionId?: string | null;\n  navItemId?: string | null;\n  navItemLoading?: boolean;\n  navTestLoading?: boolean;\n  view?: View;\n}\n\nexport const testContext = createContext<Readonly<TestContext>>(Symbol('test'));\n\nexport type TestElement = {\n  el: QtiAssessmentTest;\n};\n\nexport const testElement = createContext<Readonly<TestElement>>(Symbol('testElement'));\n"],"mappings":";AAAA,SAAS,qBAAqB;AAgBvB,IAAM,cAAc,cAAqC,OAAO,MAAM,CAAC;AAMvE,IAAM,cAAc,cAAqC,OAAO,aAAa,CAAC;","names":[]}

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

@@ -0,0 +1,132 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import { O as OutcomeVariable, V as VariableDeclaration } from '../../variables-cO3DzqJy.js';
+import { T as TestContext, d as TestElement } from '../../test.context-CmsDQ8k2.js';
+export { Q as QtiAssessmentItemRef, a as QtiAssessmentSection, b as QtiAssessmentTest, c as QtiTestPart, t as testContext, e as testElement } from '../../test.context-CmsDQ8k2.js';
+import '../../exports/expression-result.js';
+import '../../exports/item.context.js';
+import '../../qti-response-declaration-Di9CsqiJ.js';
+import '../../exports/interaction.interface.js';
+import '../../exports/interaction.js';
+import 'lit-html/directives/ref.js';
+import '../../exports/qti-expression.js';
+
+/**
+ * `<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>
+ * ```
+ */
+declare class TestContainer extends LitElement {
+    /** URL of the item to load */
+    testURL: string;
+    /** A parsed HTML document */
+    testDoc: DocumentFragment;
+    /** The raw XML string */
+    testXML: string;
+    /** Template content if provided */
+    private templateContent;
+    protected handleTestURLChange(): Promise<void>;
+    protected handleTestXMLChange(): void;
+    connectedCallback(): Promise<void>;
+    private initializeTemplateContent;
+    private applyStyles;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'test-container': TestContainer;
+    }
+}
+
+declare abstract class TestBase extends LitElement {
+    protected _testContext: Readonly<TestContext>;
+    protected testElement: TestElement;
+    constructor();
+    get context(): TestContext;
+    set context(testContext: TestContext);
+    private _updateItemVariablesInTestContext;
+    /**
+     * Updates the variables of an assessment item in the test context.
+     * - Matches the assessment item with the corresponding test context item.
+     * - If the item is not found, logs a warning.
+     * - Updates variables in the test context if exactly one variable exists.
+     * - Otherwise, syncs the assessment item's variables with the test context.
+     *
+     * @param assessmentItem - The assessment item to update.
+     */
+    private _updateItemInTestContext;
+}
+
+declare const QtiTest_base: (abstract new (...args: any[]) => {}) & (abstract new (...args: any[]) => {
+    updateOutcomeVariable(identifier: string, value: string | string[] | undefined): void;
+    getOutcome(identifier: string): Readonly<OutcomeVariable>;
+    getVariable(identifier: string): Readonly<VariableDeclaration<string | string[] | null>>;
+    outcomeProcessing(): boolean;
+}) & (abstract new (...args: any[]) => {}) & (abstract new (...args: any[]) => {}) & typeof TestBase;
+/**
+ * `<qti-test>` is a custom element designed for rendering and interacting with QTI (Question and Test Interoperability) tests.
+ *
+ * This component leverages several mixins to provide functionality for loading, navigating, processing, and displaying QTI test assessments.
+ *
+ * ### Example Usage
+ *
+ * Minimal example including navigation:
+ *
+ * ```html
+ * <qti-test>
+ *   <test-container test-url="./path/to/assessment.xml"></test-container>
+ *   <nav class="flex">
+ *      <test-prev></test-prev>
+ *      <test-next></test-next>
+ *   </nav>
+ * </qti-test>
+ * ```
+ *
+ * Use the following file structure
+ * A qti-test loads a QTI3.0 assessmenttest.xml file from a package folder.
+ *
+ * ```plaintext
+ * Root/
+ * ├── index.html
+ * └── /assets/api/examples/
+ *     ├── assessmenttest.xml
+ *     └── imsmanifest.xml
+ *
+ * ```
+ *
+ * ### Test components
+ *
+ * Use test components inside the qti-test component for added functionality.
+ * ### Test next
+ * `<test-next> | TestNext`
+ *
+ * ### Test prev
+ *
+ * `<test-prev> | TestPrev`
+ * ### Test components
+ *
+ * You can use normal class names to style the elements.
+ * And you can use the `test-prev` and `test-next` elements to navigate through the test.
+ *
+ */
+declare class QtiTest extends QtiTest_base {
+    /**
+     * Renders the component's template.
+     * Provides a default `<slot>` for content projection.
+     */
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test': QtiTest;
+    }
+}
+
+export { QtiTest, TestContainer, TestContext, TestElement };

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

@@ -0,0 +1,27 @@
+import {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  TestContainer
+} from "../../chunks/chunk-ZQXZ6PK7.js";
+import "../../chunks/chunk-NZQKGIJP.js";
+import "../../chunks/chunk-XDMSEAYC.js";
+import {
+  testContext,
+  testElement
+} from "../../chunks/chunk-AUWATZ65.js";
+import "../../chunks/chunk-ELDMXTUQ.js";
+import "../../chunks/chunk-H2JE6IVU.js";
+export {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  TestContainer,
+  testContext,
+  testElement
+};
+//# sourceMappingURL=index.js.map

package/dist/qti-test/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}