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

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

@@ -1,9 +1,8 @@
 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-K2w-1mWi.js';
+import '../../qti-simple-choice-DB7hqAMS.js';
 import 'lit-html/directives/ref.js';
 
 declare class TestPagingButtonsStamp extends TestComponent {

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

@@ -1,11 +1,10 @@
 import {
   TestPagingButtonsStamp
-} from "../../chunk-JDHBXMKF.js";
-import "../../chunk-ENVUIH2A.js";
+} from "../../chunk-2GKDJDI5.js";
+import "../../chunk-KVFH5VBC.js";
+import "../../chunk-E3656TSN.js";
 import "../../chunk-4CSM2PCC.js";
 import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
 import "../../chunk-44VE5POH.js";
 export {
   TestPagingButtonsStamp

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

@@ -1,9 +1,8 @@
 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-K2w-1mWi.js';
+import '../../qti-simple-choice-DB7hqAMS.js';
 import 'lit-html/directives/ref.js';
 
 /**

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

@@ -1,12 +1,11 @@
 import {
   TestPrev
-} from "../../chunk-TXRSYXG3.js";
+} from "../../chunk-ERLGA6TC.js";
 import "../../chunk-UB5K44DB.js";
-import "../../chunk-ENVUIH2A.js";
+import "../../chunk-KVFH5VBC.js";
+import "../../chunk-E3656TSN.js";
 import "../../chunk-4CSM2PCC.js";
 import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
 import "../../chunk-44VE5POH.js";
 export {
   TestPrev

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

@@ -1,9 +1,8 @@
 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-K2w-1mWi.js';
+import '../../qti-simple-choice-DB7hqAMS.js';
 import 'lit-html/directives/ref.js';
 
 declare class TestView extends TestComponent {

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

@@ -1,11 +1,10 @@
 import {
   TestView
-} from "../../chunk-VODOQFTJ.js";
-import "../../chunk-ENVUIH2A.js";
+} from "../../chunk-TAQAVEQ2.js";
+import "../../chunk-KVFH5VBC.js";
+import "../../chunk-E3656TSN.js";
 import "../../chunk-4CSM2PCC.js";
 import "../../chunk-4YG2FPKK.js";
-import "../../chunk-XFHB6KQW.js";
-import "../../chunk-R4HSV7U7.js";
 import "../../chunk-44VE5POH.js";
 export {
   TestView

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

@@ -0,0 +1,121 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import { T as TestContext, a as TestElement } from '../../test.context-K2w-1mWi.js';
+export { Q as QtiAssessmentItemRef, b as QtiAssessmentSection, c as QtiAssessmentTest, d as QtiTestPart, t as testContext, e as testElement } from '../../test.context-K2w-1mWi.js';
+import '../../qti-simple-choice-DB7hqAMS.js';
+import 'lit-html/directives/ref.js';
+
+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;
+    connectedCallback(): void;
+}
+
+/**
+ * `<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 const QtiTest_base: (abstract new (...args: any[]) => {}) & (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.
+     */
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test': QtiTest;
+    }
+}
+
+export { QtiTest, TestContext, TestElement };

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

@@ -0,0 +1,25 @@
+import {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart
+} from "../../chunk-SLMQZKDH.js";
+import "../../chunk-2CHF3TMY.js";
+import "../../chunk-2OA7E3E7.js";
+import {
+  testContext,
+  testElement
+} from "../../chunk-E3656TSN.js";
+import "../../chunk-4YG2FPKK.js";
+import "../../chunk-44VE5POH.js";
+export {
+  QtiAssessmentItemRef,
+  QtiAssessmentSection,
+  QtiAssessmentTest,
+  QtiTest,
+  QtiTestPart,
+  testContext,
+  testElement
+};
+//# sourceMappingURL=index.js.map

package/dist/test-component.abstract-DWJ0XNiI.d.ts

@@ -0,0 +1,108 @@
+import { LitElement } from 'lit';
+import * as lit_html from 'lit-html';
+import { Q as QtiAssessmentItem, I as ItemContext, V as VariableDeclaration } from './qti-simple-choice-DB7hqAMS.js';
+
+declare class QtiAssessmentItemRef extends LitElement {
+    category?: string;
+    identifier?: string;
+    required?: boolean;
+    fixed?: boolean;
+    href?: string;
+    _testContext?: TestContext;
+    weigths: Map<string, number>;
+    xmlDoc: DocumentFragment;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get assessmentItem(): QtiAssessmentItem | null;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-item-ref': QtiAssessmentItemRef;
+    }
+}
+
+declare class QtiAssessmentSection extends LitElement {
+    identifier: string;
+    required: string;
+    fixed: boolean;
+    title: string;
+    visible: boolean;
+    keepTogether: boolean;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-section': QtiAssessmentSection;
+    }
+}
+
+declare class QtiAssessmentTest extends LitElement {
+    identifier: string;
+    title: string;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-test': QtiAssessmentTest;
+    }
+}
+
+declare class QtiTestPart extends LitElement {
+    identifier: string;
+    title: string;
+    class: string;
+    NavigationMode: 'linear' | 'nonlinear';
+    submissionMode: 'individual' | 'simultaneous';
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-part': QtiTestPart;
+    }
+}
+
+type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+declare module '../context/test.context' {
+    interface TestContext {
+        view?: View;
+    }
+}
+
+interface TestContext {
+    items: (ItemContext & {
+        category?: string;
+    })[];
+    testOutcomeVariables: VariableDeclaration<string | string[]>[];
+    navPartId?: string | null;
+    navSectionId?: string | null;
+    navItemId?: string | null;
+    navItemLoading?: boolean;
+    navTestLoading?: boolean;
+    view?: View;
+}
+type TestElement = {
+    el: QtiAssessmentTest;
+};
+
+declare abstract class TestComponent extends LitElement {
+    disabled: boolean;
+    protected _testContext?: TestContext;
+    protected _testElement?: TestElement;
+    _handleTestElementChange(_oldValue: TestElement, newValue: TestElement): void;
+    protected _internals: ElementInternals;
+    protected items: any;
+    protected itemIndex: any;
+    protected view: any;
+    constructor();
+    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    protected _switchView(view: string): void;
+    protected _requestItem(identifier: string): void;
+}
+
+export { TestComponent as T, type TestContext as a, type TestElement as b };

package/dist/test.context-DKSpQHyg.d.ts

@@ -0,0 +1,93 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import { Q as QtiAssessmentItem, I as ItemContext, V as VariableDeclaration } from './qti-simple-choice-DB7hqAMS.js';
+
+declare class QtiAssessmentItemRef extends LitElement {
+    category?: string;
+    identifier?: string;
+    required?: boolean;
+    fixed?: boolean;
+    href?: string;
+    _testContext?: TestContext;
+    weigths: Map<string, number>;
+    xmlDoc: DocumentFragment;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    get assessmentItem(): QtiAssessmentItem | null;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-item-ref': QtiAssessmentItemRef;
+    }
+}
+
+declare class QtiAssessmentSection extends LitElement {
+    identifier: string;
+    required: string;
+    fixed: boolean;
+    title: string;
+    visible: boolean;
+    keepTogether: boolean;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-section': QtiAssessmentSection;
+    }
+}
+
+declare class QtiAssessmentTest extends LitElement {
+    identifier: string;
+    title: string;
+    _testContext?: TestContext;
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-assessment-test': QtiAssessmentTest;
+    }
+}
+
+declare class QtiTestPart extends LitElement {
+    identifier: string;
+    title: string;
+    class: string;
+    NavigationMode: 'linear' | 'nonlinear';
+    submissionMode: 'individual' | 'simultaneous';
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-part': QtiTestPart;
+    }
+}
+
+type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+declare module '../context/test.context' {
+    interface TestContext {
+        view?: View;
+    }
+}
+
+interface TestContext {
+    items: (ItemContext & {
+        category?: string;
+    })[];
+    testOutcomeVariables: VariableDeclaration<string | string[]>[];
+    navPartId?: string | null;
+    navSectionId?: string | null;
+    navItemId?: string | null;
+    navItemLoading?: boolean;
+    navTestLoading?: boolean;
+    view?: View;
+}
+type TestElement = {
+    el: QtiAssessmentTest;
+};
+
+export { QtiAssessmentItemRef as Q, type TestContext as T, type TestElement as a, QtiAssessmentSection as b, QtiAssessmentTest as c, QtiTestPart as d };

package/dist/{test-base-BJwG9Ie8.d.ts → test.context-K2w-1mWi.d.ts}

@@ -1,7 +1,6 @@
-import './qti-test/qti-assessment-test/qti-test-part.js';
-import { LitElement } from 'lit';
 import * as lit_html from 'lit-html';
-import { j as QtiAssessmentItem, af as ItemContext, e as VariableDeclaration } from './qti-simple-choice-DxWcdKHi.js';
+import { LitElement } from 'lit';
+import { Q as QtiAssessmentItem, I as ItemContext, V as VariableDeclaration } from './qti-simple-choice-DB7hqAMS.js';
 
 declare class QtiAssessmentItemRef extends LitElement {
     category?: string;
@@ -53,16 +52,27 @@ declare global {
     }
 }
 
+declare class QtiTestPart extends LitElement {
+    identifier: string;
+    title: string;
+    class: string;
+    NavigationMode: 'linear' | 'nonlinear';
+    submissionMode: 'individual' | 'simultaneous';
+    connectedCallback(): Promise<void>;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-test-part': QtiTestPart;
+    }
+}
+
 type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
-declare module '../context' {
+declare module '../context/test.context' {
     interface TestContext {
         view?: View;
     }
 }
-type Constructor<T = {}> = abstract new (...args: any[]) => T;
-declare class TestViewInterface {
-}
-declare const TestViewMixin: <T extends Constructor<TestBase>>(superClass: T) => Constructor<TestViewInterface> & T;
 
 interface TestContext {
     items: (ItemContext & {
@@ -86,24 +96,4 @@ declare const testElement: {
     __context__: Readonly<TestElement>;
 };
 
-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;
-    connectedCallback(): void;
-}
-
-export { QtiAssessmentItemRef as Q, type TestContext as T, type View as V, QtiAssessmentSection as a, QtiAssessmentTest as b, type TestElement as c, testElement as d, TestViewMixin as e, TestBase as f, testContext as t };
+export { QtiAssessmentItemRef as Q, type TestContext as T, type TestElement as a, QtiAssessmentSection as b, QtiAssessmentTest as c, QtiTestPart as d, testElement as e, testContext as t };

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

@@ -807,12 +807,6 @@
       ],
       "references": []
     },
-    {
-      "name": "qti-item",
-      "description": "`<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\nIt can also host some functionalities to interact with the item like scoring, showing feedback, etc.\nPlacing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\nSee `<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",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "item-container",
       "description": "`<item-container>` is a custom element designed for hosting the qti-assessment-item.\nThe `qti-assessment-item` will be placed inside the shadow DOM of this element.\nThe element loads the item from the provided URL and renders it inside the shadow DOM.\n\n### Styling\nAdd 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",
@@ -825,6 +819,12 @@
       ],
       "references": []
     },
+    {
+      "name": "qti-item",
+      "description": "`<qti-item>` is a custom element designed for rendering a single `qti-assessment-item`.\nIt can also host some functionalities to interact with the item like scoring, showing feedback, etc.\nPlacing a mandatory `<item-container>` inside '<qti-item>' will load or parse the item and render it.\nSee `<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",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "qti-assessment-item-ref",
       "description": "\n---\n\n\n### **Events:**\n - **qti-assessment-item-ref-connected**",
@@ -877,12 +877,6 @@
       ],
       "references": []
     },
-    {
-      "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-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</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",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "test-next",
       "description": "Represents a custom element for navigating to the next test item.\n---\n\n\n### **Events:**\n - **on-test-switch-view**\n- **qti-request-test-item**",
@@ -918,6 +912,21 @@
       "attributes": [{ "name": "item-id", "values": [] }],
       "references": []
     },
+    {
+      "name": "test-paging-buttons-stamp",
+      "description": "\n---\n\n\n### **Events:**\n - **on-test-switch-view**\n- **qti-request-test-item**",
+      "attributes": [
+        { "name": "max-displayed-items", "values": [] },
+        { "name": "skip-on-category", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "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-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</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",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "test-container",
       "description": "`<test-container>` is a custom element designed for hosting the qti-assessment-item.\nThe `qti-assessment-test` will be placed inside the shadow DOM of this element.\nThe element loads the test from the provided URL and renders it inside the shadow DOM.\n\n```html\n<qti-test>\n  <test-container class=\"m-4 bg-white\" test-url=\"./path/to/assessmenttest.xml\"></test-container>\n</qti-test>\n```\n---\n",
@@ -929,15 +938,6 @@
         }
       ],
       "references": []
-    },
-    {
-      "name": "test-paging-buttons-stamp",
-      "description": "\n---\n\n\n### **Events:**\n - **on-test-switch-view**\n- **qti-request-test-item**",
-      "attributes": [
-        { "name": "max-displayed-items", "values": [] },
-        { "name": "skip-on-category", "values": [] }
-      ],
-      "references": []
     }
   ]
 }