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

package/dist/qti-transformers/index.js

@@ -0,0 +1,12 @@
+import {
+  qtiTransformItem,
+  qtiTransformManifest,
+  qtiTransformTest
+} from "../chunk-2OA7E3E7.js";
+import "../chunk-44VE5POH.js";
+export {
+  qtiTransformItem,
+  qtiTransformManifest,
+  qtiTransformTest
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/test-base-BJwG9Ie8.d.ts

@@ -0,0 +1,109 @@
+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';
+
+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;
+    }
+}
+
+type View = 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor' | '';
+declare module '../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 & {
+        category?: string;
+    })[];
+    testOutcomeVariables: VariableDeclaration<string | string[]>[];
+    navPartId?: string | null;
+    navSectionId?: string | null;
+    navItemId?: string | null;
+    navItemLoading?: boolean;
+    navTestLoading?: boolean;
+    view?: View;
+}
+declare const testContext: {
+    __context__: Readonly<TestContext>;
+};
+type TestElement = {
+    el: QtiAssessmentTest;
+};
+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 };

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

@@ -416,7 +416,7 @@
     },
     {
       "name": "qti-hottext-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**\n\n### **Methods:**\n ",
       "attributes": [
         { "name": "min-choices", "values": [] },
         { "name": "max-choices", "values": [] },
@@ -450,7 +450,7 @@
     },
     {
       "name": "qti-choice-interaction",
-      "description": "An sample element.\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**\n\n### **Slots:**\n - _default_ - default slot of the choices\n- **prompt** - slot of the prompt\n\n### **CSS Properties:**\n - **--qti-bg-active** - The active background color _(default: #ffecec)_\n- **--qti-border-active** - The active border color _(default: #f86d70)_\n- **--qti-padding-horizontal** - The option horizontal padding _(default: 1px)_\n- **--qti-padding-vertical** - The option vertical padding _(default: solid)_\n- **--qti-border-radius** - The option border radius _(default: 8px)_\n\n### **CSS Parts:**\n - **slot** - The choice elements\n- **prompt** - The prompt\n- **message** - The validation message",
+      "description": "An sample element.\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - default slot of the choices\n- **prompt** - slot of the prompt\n\n### **CSS Properties:**\n - **--qti-bg-active** - The active background color _(default: #ffecec)_\n- **--qti-border-active** - The active border color _(default: #f86d70)_\n- **--qti-padding-horizontal** - The option horizontal padding _(default: 1px)_\n- **--qti-padding-vertical** - The option vertical padding _(default: solid)_\n- **--qti-border-radius** - The option border radius _(default: 8px)_\n\n### **CSS Parts:**\n - **slot** - The choice elements\n- **prompt** - The prompt\n- **message** - The validation message",
       "attributes": [
         { "name": "orientation", "values": [{ "name": "Orientation" }] },
         { "name": "class", "values": [] },
@@ -519,12 +519,12 @@
     },
     {
       "name": "qti-associate-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
       "attributes": [
         { "name": "min-associations", "values": [] },
         { "name": "max-associations", "values": [] },
-        { "name": "disabled", "values": [] },
         { "name": "response-identifier", "values": [] },
+        { "name": "disabled", "values": [] },
         { "name": "readonly", "values": [] }
       ],
       "references": []
@@ -545,24 +545,27 @@
     },
     {
       "name": "qti-end-attempt-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **end-attempt**\n- **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **end-attempt**",
       "attributes": [
-        { "name": "count-attempt", "values": [] },
-        { "name": "title", "values": [{ "name": "end attempt" }] },
         { "name": "response-identifier", "values": [] },
         { "name": "disabled", "values": [] },
-        { "name": "readonly", "values": [] }
+        {
+          "name": "count-attempt",
+          "description": "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)",
+          "values": [{ "name": "true" }, { "name": "false" }]
+        },
+        { "name": "title", "values": [] }
       ],
       "references": []
     },
     {
       "name": "qti-gap-match-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
       "attributes": [
         { "name": "min-associations", "values": [] },
         { "name": "max-associations", "values": [] },
-        { "name": "disabled", "values": [] },
         { "name": "response-identifier", "values": [] },
+        { "name": "disabled", "values": [] },
         { "name": "readonly", "values": [] }
       ],
       "references": []
@@ -591,19 +594,19 @@
     },
     {
       "name": "qti-graphic-gap-match-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
       "attributes": [
         { "name": "min-associations", "values": [] },
         { "name": "max-associations", "values": [] },
-        { "name": "disabled", "values": [] },
         { "name": "response-identifier", "values": [] },
+        { "name": "disabled", "values": [] },
         { "name": "readonly", "values": [] }
       ],
       "references": []
     },
     {
       "name": "qti-graphic-order-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**\n\n### **Methods:**\n ",
       "attributes": [
         { "name": "min-choices", "values": [] },
         { "name": "max-choices", "values": [] },
@@ -615,7 +618,7 @@
     },
     {
       "name": "qti-hotspot-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**\n\n### **Methods:**\n ",
       "attributes": [
         { "name": "min-choices", "values": [] },
         { "name": "max-choices", "values": [] },
@@ -627,7 +630,7 @@
     },
     {
       "name": "qti-match-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
       "attributes": [
         { "name": "class", "values": [] },
         { "name": "response-identifier", "values": [] },
@@ -650,7 +653,7 @@
     },
     {
       "name": "qti-order-interaction",
-      "description": "\n---\n\n\n### **Events:**\n - **qti-register-interaction**\n- **qti-interaction-response**",
+      "description": "\n---\n\n\n### **Events:**\n - **qti-interaction-response**\n- **qti-register-interaction**",
       "attributes": [
         {
           "name": "orientation",
@@ -664,8 +667,8 @@
         },
         { "name": "min-associations", "values": [] },
         { "name": "max-associations", "values": [] },
-        { "name": "disabled", "values": [] },
         { "name": "response-identifier", "values": [] },
+        { "name": "disabled", "values": [] },
         { "name": "readonly", "values": [] }
       ],
       "references": []
@@ -804,6 +807,24 @@
       ],
       "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",
+      "attributes": [
+        {
+          "name": "item-url",
+          "description": "URL of the item to load",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "qti-assessment-item-ref",
       "description": "\n---\n\n\n### **Events:**\n - **qti-assessment-item-ref-connected**",
@@ -878,8 +899,16 @@
       "name": "test-view",
       "description": "\n---\n\n\n### **Events:**\n - **on-test-switch-view**\n- **qti-request-test-item**",
       "attributes": [
-        { "name": "label", "values": [] },
-        { "name": "view-options", "values": [] }
+        {
+          "name": "label",
+          "description": "label accompanying the select view dropdown",
+          "values": []
+        },
+        {
+          "name": "view-options",
+          "description": "The options to display in the dropdown, default: ['author', 'candidate', 'proctor', 'scorer', 'testConstructor', 'tutor']",
+          "values": []
+        }
       ],
       "references": []
     },
@@ -891,7 +920,7 @@
     },
     {
       "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 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-test>\n  <test-container class=\"m-4 bg-white\" test-url=\"./path/to/item.xml\"></test-container>\n</qti-test>\n```\n---\n",
+      "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",
       "attributes": [
         {
           "name": "test-url",
@@ -909,24 +938,6 @@
         { "name": "skip-on-category", "values": [] }
       ],
       "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",
-      "attributes": [
-        {
-          "name": "item-url",
-          "description": "URL of the item to load",
-          "values": []
-        }
-      ],
-      "references": []
     }
   ]
 }

package/package.json

@@ -21,37 +21,23 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "7.0.4",
-  "main": "dist/index.js",
+  "version": "7.0.6-next.0",
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./transformers": {
-      "import": "./dist/transformers/index.js"
-    },
-    "./loader": {
-      "import": "./dist/loader/index.js"
-    },
-    "./item.css": "./dist/item.css",
-    "./cdn/index.js": "./cdn/index.js",
-    "./cdn/index.global.js": "./cdn/index.global.js",
-    "./react": "./dist//qti-components-jsx.d.ts"
-  },
-  "types": "./dist/qti-components/index.d.ts",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./dist/index.d.ts"
-      ],
-      "transformers": [
-        "./dist/transformers/index.d.ts"
-      ],
-      "loader": [
-        "./dist/loader/index.d.ts"
-      ]
-    }
+    "./qti-components": "./dist/qti-components/index.js",
+    "./qti-components/*": "./dist/qti-components/*",
+    "./qti-test": "./dist/qti-test/index.js",
+    "./qti-test/*": "./dist/qti-test/*",
+    "./qti-item": "./dist/qti-test/index.js",
+    "./qti-item/*": "./dist/qti-item/*",
+    "./loader": "./dist/qti-loader/index.js",
+    "./transformers": "./dist/qti-transformers/index.js",
+    "./react": "./dist/qti-components-jsx.d.ts",
+    "./item.css": "./dist/item.css"
   },
   "files": [
     "dist",
@@ -73,11 +59,10 @@
     "vite": "vite",
     "stylelint": "stylelint \"src/**/*.css\"",
     "build-storybook": "storybook build",
-    "storybook:test": "test-storybook",
+    "test-storybook": "wireit",
     "storybook:docs:build": "wireit",
     "chromatic": "node chromatic-runner.cjs",
     "----hooks----": "-",
-    "prepublishOnly": "npm run build",
     "prepare": "husky"
   },
   "wireit": {
@@ -88,33 +73,26 @@
       ]
     },
     "build": {
-      "env": {
-        "NODE_ENV": "production"
-      },
       "command": "tsup",
       "dependencies": [
         "cem",
         "css"
       ],
       "files": [
-        "src/**/*.{ts}",
+        "src/**/*.ts",
         "tsconfig.json",
-        "!src/**/*.{test,spec,stories}.ts",
-        "package.json"
+        "package.json",
+        "tsup.config.ts"
       ]
     },
     "cem": {
-      "command": "cem analyze",
-      "files": [
-        "src/**/*.ts",
-        "!src/**/*.{test,spec,stories}.ts"
-      ]
+      "command": "cem analyze"
+    },
+    "test-storybook": {
+      "command": "test-storybook --excludeTags no-tests"
     },
     "css": {
-      "command": "postcss src/item.css -d dist -m",
-      "files": [
-        "src/**/*.css"
-      ]
+      "command": "postcss src/item.css -d dist -m"
     },
     "test": {
       "command": "vitest run",
@@ -143,23 +121,21 @@
       }
     },
     "attw": {
-      "command": "attw --profile esm-only --pack --exclude-entrypoints  ./item.css ./cdn/index.js ./cdn/index.global.js ./cdn/index.min.js",
+      "command": "attw --profile esm-only --pack --exclude-entrypoints  ./item.css",
       "dependencies": [
         "build"
       ]
     }
   },
+  "dependencies": {},
   "peerDependencies": {
-    "@lit/context": "^1.1.2",
-    "lit": "^3.2.1",
-    "stampino": "^0.8.3"
-  },
-  "dependencies": {
-    "@lit/context": "^1.1.2",
+    "@lit/context": "^1.1.3",
     "lit": "^3.2.1",
     "stampino": "^0.8.3"
   },
   "devDependencies": {
+    "lit": "^3.2.1",
+    "stampino": "^0.8.3",
     "@arethetypeswrong/cli": "^0.17.1",
     "@chromatic-com/storybook": "^3.2.2",
     "@commitlint/cli": "^19.6.0",
@@ -175,7 +151,7 @@
     "@storybook/blocks": "^8.4.7",
     "@storybook/preview-api": "^8.4.7",
     "@storybook/test": "^8.4.7",
-    "@storybook/test-runner": "^0.20.1",
+    "@storybook/test-runner": "^0.21.0",
     "@storybook/web-components": "^8.4.7",
     "@storybook/web-components-vite": "^8.4.7",
     "@swc/core": "^1.10.1",
@@ -186,6 +162,7 @@
     "@typescript-eslint/parser": "^8.17.0",
     "@vitest/browser": "^2.1.8",
     "autoprefixer": "^10.4.20",
+    "globby": "^14.0.2",
     "cem-plugin-expanded-types": "^1.3.3",
     "chromatic": "^11.20.0",
     "custom-element-eslint-rule-generator": "^1.0.1",
@@ -206,7 +183,6 @@
     "globals": "^15.13.0",
     "husky": "^9.1.7",
     "np": "^10.1.0",
-    "npm": "^10.9.2",
     "path-browserify": "^1.0.1",
     "pkg-pr-new": "^0.0.37",
     "playwright": "^1.49.0",