@citolab/qti-components 6.0.16 → 6.0.17

package/dist/qti-item/index.js

@@ -1 +1 @@
-import{a as o}from"../chunk-2EOV63WT.js";import"../chunk-L6436D6O.js";import"../chunk-WFLR5TH7.js";import"../chunk-NMCIOGD2.js";export{o as QtiItem};
+import{a as o}from"../chunk-FIJLDR56.js";import"../chunk-HQKT4SJF.js";import"../chunk-WFLR5TH7.js";import"../chunk-NMCIOGD2.js";export{o as QtiItem};

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

@@ -1,7 +1,7 @@
 import React, { Ref } from 'react';
 import { Q as QtiItem$1 } from '../qti-item-8c26fa9e.js';
 import { a as ResponseInteraction } from '../qti-assessment-item-f1fcf393.js';
-import { O as OutcomeChangedDetails, b as InteractionChangedDetails } from '../qti-simple-choice-e1c352e0.js';
+import { O as OutcomeChangedDetails, b as InteractionChangedDetails } from '../qti-simple-choice-ca9b86db.js';
 import 'lit-html';
 import 'lit';
 import 'lit-html/directives/ref';

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

@@ -1 +1 @@
-import{a as e}from"../chunk-2EOV63WT.js";import"../chunk-L6436D6O.js";import"../chunk-WFLR5TH7.js";import"../chunk-NMCIOGD2.js";import t from"react";import{createComponent as o}from"@lit-labs/react";var c=o({tagName:"qti-item",react:t,elementClass:e,events:{qtioutcomechanged:"qti-outcome-changed",qtiinteractionchanged:"qti-interaction-changed",qtiitemconnected:"qti-item-connected"}});export{c as QtiItem};
+import{a as e}from"../chunk-FIJLDR56.js";import"../chunk-HQKT4SJF.js";import"../chunk-WFLR5TH7.js";import"../chunk-NMCIOGD2.js";import t from"react";import{createComponent as o}from"@lit-labs/react";var c=o({tagName:"qti-item",react:t,elementClass:e,events:{qtioutcomechanged:"qti-outcome-changed",qtiinteractionchanged:"qti-interaction-changed",qtiitemconnected:"qti-item-connected"}});export{c as QtiItem};

package/dist/qti-simple-choice-ca9b86db.d.ts

@@ -0,0 +1,352 @@
+import { a as ResponseInteraction, V as VariableDeclaration } from './qti-assessment-item-f1fcf393.js';
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement, CSSResultGroup } from 'lit';
+import * as lit_html_directives_ref from 'lit-html/directives/ref';
+
+interface OutcomeChangedDetails {
+    item: string;
+    outcomeIdentifier: string;
+    value: number;
+}
+type InteractionChangedDetails = ResponseInteraction & {
+    item: string;
+};
+
+type QtiOutcomeChanged = CustomEvent<OutcomeChangedDetails>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-outcome-changed': QtiOutcomeChanged;
+    }
+}
+
+type qtiOutcomeChanged_QtiOutcomeChanged = QtiOutcomeChanged;
+declare namespace qtiOutcomeChanged {
+  export {
+    qtiOutcomeChanged_QtiOutcomeChanged as QtiOutcomeChanged,
+    QtiOutcomeChanged as default,
+  };
+}
+
+type QtiInteractionChanged = CustomEvent<InteractionChangedDetails>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "qti-interaction-changed": QtiInteractionChanged;
+    }
+}
+
+type qtiInteractionChanged_QtiInteractionChanged = QtiInteractionChanged;
+declare namespace qtiInteractionChanged {
+  export {
+    qtiInteractionChanged_QtiInteractionChanged as QtiInteractionChanged,
+    QtiInteractionChanged as default,
+  };
+}
+
+type QtiRegisterVariable = CustomEvent<{
+    variable: VariableDeclaration<number | string | string[]>;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        "qti-register-variable": QtiRegisterVariable;
+    }
+}
+
+declare namespace qtiRegisterVariable {
+  export {
+    QtiRegisterVariable as default,
+  };
+}
+
+type QtiRegisterInteraction = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-register-interaction': QtiRegisterInteraction;
+    }
+}
+
+declare namespace qtiRegisterInteraction {
+  export {
+    QtiRegisterInteraction as default,
+  };
+}
+
+type QtiRegisterChoice = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-register-choice': QtiRegisterChoice;
+    }
+}
+
+declare namespace qtiRegisterChoice {
+  export {
+    QtiRegisterChoice as default,
+  };
+}
+
+type QtiRegisterHotspot = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-register-hotspot': QtiRegisterHotspot;
+    }
+}
+
+declare namespace qtiRegisterHotspot {
+  export {
+    QtiRegisterHotspot as default,
+  };
+}
+
+type QtiLooseChoice = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-loose-choice': QtiLooseChoice;
+    }
+}
+
+declare namespace qtiLooseChoice {
+  export {
+    QtiLooseChoice as default,
+  };
+}
+
+type QtiInteractionResponse = CustomEvent<ResponseInteraction>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-interaction-response': QtiInteractionResponse;
+    }
+}
+
+declare namespace qtiInteractionResponse {
+  export {
+    QtiInteractionResponse as default,
+  };
+}
+
+type QtiChoiceElementSelected = CustomEvent<{
+    identifier: string;
+    checked: boolean;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'qti-choice-element-selected': QtiChoiceElementSelected;
+    }
+}
+
+declare namespace qtiChoiceElementSelected {
+  export {
+    QtiChoiceElementSelected as default,
+  };
+}
+
+/**
+ * @summary The qti-item-body node contains the text, graphics, media objects and interactions that describe the item's content and information about how it is structured.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.sphpo6lu6zqi
+ * @status stable
+ * @since 4.0
+ *
+ * @slot - item body content.
+ * @slot qti-rubric-block - the qti rubric block is placed above the item
+ *
+ */
+declare class QtiItemBody extends LitElement {
+    static styles: CSSResultGroup;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-item-body': QtiItemBody;
+    }
+}
+
+/**
+ * @summary qti-choice is used by qti-simple-choice, qti-inline-choice, qti-hottext, qti-hotspot-choice.
+ *
+ * @since 1.0
+ * @status stable
+ *
+ * @event qti-register-choice - register itselves on a qti-choice-interaction element.
+ * @event qti-loose-choice - de-register itselves on a qti-choice-interaction element.
+ * @event qti-choice-element-selected - Emitted when the choice is selected.
+ *
+ * @slot - The choices slot element
+ */
+declare abstract class QtiChoice extends LitElement {
+    identifier: string;
+    tabindex: number | undefined;
+    disabled: boolean;
+    readonly: boolean;
+    checked: boolean;
+    handleDisabledChange(_: boolean, disabled: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    reset(): void;
+    private _onKeyUp;
+    private _onClick;
+    private _toggleChecked;
+    validateAllProps(): boolean;
+    render(): lit_html.TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-choice': QtiChoice;
+    }
+}
+
+declare abstract class Interaction extends LitElement {
+    responseIdentifier: string;
+    /** disabled should be exposed to the attributes and accessible as property */
+    disabled: boolean;
+    /** readonly should be exposed to the attributes and accessible as property */
+    readonly: boolean;
+    abstract reset(): void;
+    abstract validate(): boolean;
+    abstract set response(val: string | string[]);
+    connectedCallback(): void;
+    saveResponse(value: string | string[]): void;
+}
+
+declare class QtiTextEntryInteraction extends Interaction {
+    expectedLength: number;
+    patternMask: string;
+    placeholderText: string;
+    private _value;
+    classNames: any;
+    set response(value: string | undefined);
+    validate(): boolean;
+    static get styles(): lit.CSSResult[];
+    render(): lit_html.TemplateResult<1>;
+    protected textChanged(event: Event): void;
+    reset(): void;
+    private setEmptyAttribute;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-text-entry-interaction': QtiTextEntryInteraction;
+    }
+}
+
+declare class QtiExtendedTextInteraction extends Interaction {
+    textareaRef: lit_html_directives_ref.Ref<HTMLTextAreaElement>;
+    /** expected length is mapped to the property maxlength on the textarea */
+    expectedLength: number;
+    patternMask: string;
+    /** text appearing in the extended-text-nteraction if it is empty */
+    placeholderText: string;
+    private _value;
+    classNames: any;
+    handleclassNamesChange(old: any, disabled: boolean): void;
+    set response(value: string);
+    validate(): boolean;
+    static get styles(): lit.CSSResult[];
+    render(): lit_html.TemplateResult<1>;
+    protected textChanged(event: Event): void;
+    reset(): void;
+    private setEmptyAttribute;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-extended-text-interaction': QtiExtendedTextInteraction;
+    }
+}
+
+declare abstract class Choices extends Interaction {
+    protected _choiceElements: QtiChoice[];
+    /** the minimal number of selections a candidate must make */
+    minChoices: number;
+    /** the maximum number of selections a candidate must make, the other options will be disabled when max options is checked */
+    maxChoices: number;
+    _handleDisabledChange: (_: boolean, disabled: boolean) => void;
+    _handleReadonlyChange: (_: boolean, readonly: boolean) => void;
+    _handleMaxChoicesChange: () => void;
+    constructor();
+    reset(): void;
+    validate(): boolean;
+    set response(myResponse: ResponseType);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _registerChoiceElement;
+    private _looseChoiceElement;
+    private _determineInputType;
+    private _setInputType;
+    private _choiceElementSelectedHandler;
+    private _choiceElementSelected;
+}
+
+/**
+ * @summary The ChoiceInteraction.Type (qti-choice-interaction) interaction presents a collection of choices to the candidate.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.j9nu1oa1tu3b
+ * @status stable
+ * @since 6.0
+ *
+ * @event qti-register-interaction - emitted when the interaction wants to register itself
+ * @event qti-interaction-response - emitted when the interaction changes
+ *
+ * @slot - The default slot where <qti-simple-choice> must be placed.
+ * @slot prompt - slot where the prompt is placed.
+ */
+declare class QtiChoiceInteraction extends Choices {
+    static styles: CSSResultGroup;
+    /** orientation of choices */
+    orientation: 'horizontal' | 'vertical';
+    render: () => lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-choice-interaction': QtiChoiceInteraction;
+    }
+}
+
+declare class QtiResponseProcessing extends LitElement {
+    render(): lit_html.TemplateResult<1>;
+    static get observedAttributes(): string[];
+    process(): void;
+    private fragmentFromString;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-response-processing': QtiResponseProcessing;
+    }
+}
+
+declare class QtiRule extends LitElement {
+    render(): lit_html.TemplateResult<1>;
+    process(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-rule': QtiRule;
+    }
+}
+
+declare class QtiHottext extends QtiChoice {
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-hottext': QtiHottext;
+    }
+}
+
+/**
+ * @summary Short summary of the component's intended use.
+ * @documentation https://www.imsglobal.org/spec/qti/v3p0/impl#h.j9nu1oa1tu3b
+ * @status stable
+ * @since 4.0
+ *
+ * @event qti-choice-element-selected - Emitted when a choice is selected.
+ * @event qti-register-choice - Emitted when an choice is added
+ * @event qti-loose-choice - Emitted when a choice is removed
+ *
+ * @slot - The default slot.
+ */
+declare class QtiSimpleChoice extends QtiChoice {
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-simple-choice': QtiSimpleChoice;
+    }
+}
+
+export { Choices as C, Interaction as I, OutcomeChangedDetails as O, QtiRule as Q, QtiChoice as a, InteractionChangedDetails as b, qtiInteractionChanged as c, qtiRegisterVariable as d, qtiRegisterInteraction as e, qtiRegisterChoice as f, qtiRegisterHotspot as g, qtiLooseChoice as h, qtiInteractionResponse as i, qtiChoiceElementSelected as j, QtiTextEntryInteraction as k, QtiExtendedTextInteraction as l, QtiResponseProcessing as m, QtiHottext as n, qtiOutcomeChanged as q };

package/package.json

@@ -12,13 +12,16 @@
   "engines": {
     "node": ">=16.0.0"
   },
-  "version": "6.0.16",
+  "version": "6.0.17",
   "type": "module",
   "main": "dist/qti-components/index.js",
   "exports": {
     ".": {
       "import": "./dist/qti-components/index.js"
     },
+    "./context": {
+      "import": "./dist/context/index.js"
+    },
     "./decorators": {
       "import": "./dist/decorators/index.js"
     },
@@ -45,6 +48,9 @@
       ".": [
         "./dist/index.d.ts"
       ],
+      "context": [
+        "./dist/context/index.d.ts"
+      ],
       "decorators": [
         "./dist/decorators/index.d.ts"
       ],
@@ -82,15 +88,17 @@
     "test-storybook": "test-storybook",
     "cem": "cem analyze --watch",
     "lint": "eslint src/lib/**",
-    "kill 6006": "sudo lsof -i :6006 | grep LISTEN | awk '{print $2}' | xargs kill"
+    "kill 6006": "sudo lsof -i :6006 | grep LISTEN | awk '{print $2}' | xargs kill",
+    "list-outdated-dependencies": "npx npm-check-updates --format repo --peer",
+    "update-dependencies": "npx npm-check-updates --peer -u && npm install"
   },
   "dependencies": {
-    "@lit-labs/context": "^0.3.0",
-    "@lit-labs/react": "^1.1.1",
+    "@lit-labs/context": "^0.3.3",
+    "@lit-labs/react": "^1.2.0",
     "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
     "cheerio": "^1.0.0-rc.12",
     "haunted": "^5.0.0",
-    "lit": "^2.6.1",
+    "lit": "^2.7.5",
     "lit-xml": "^0.5.0"
   },
   "peerdependencies": {
@@ -100,53 +108,53 @@
     "lit": ">= 2 < 3"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.8.0",
-    "@jest/globals": "^28.1.3",
-    "@storybook/addon-a11y": "^7.1.0-alpha.20",
-    "@storybook/addon-essentials": "^7.1.0-alpha.20",
-    "@storybook/addon-interactions": "^7.1.0-alpha.20",
-    "@storybook/addon-jest": "^7.1.0-alpha.20",
-    "@storybook/addon-links": "^7.1.0-alpha.20",
-    "@storybook/addon-styling": "1.0.8",
-    "@storybook/blocks": "^7.1.0-alpha.20",
+    "@custom-elements-manifest/analyzer": "^0.8.3",
+    "@jest/globals": "^29.5.0",
+    "@storybook/addon-a11y": "^7.0.21",
+    "@storybook/addon-essentials": "^7.0.21",
+    "@storybook/addon-interactions": "^7.0.21",
+    "@storybook/addon-jest": "^7.0.21",
+    "@storybook/addon-links": "^7.0.21",
+    "@storybook/addon-styling": "1.3.0",
+    "@storybook/blocks": "^7.0.21",
     "@storybook/jest": "^0.1.0",
-    "@storybook/test-runner": "^0.10.0",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/web-components": "^7.1.0-alpha.20",
-    "@storybook/web-components-vite": "^7.1.0-alpha.20",
+    "@storybook/test-runner": "^0.11.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/web-components": "^7.0.21",
+    "@storybook/web-components-vite": "^7.0.21",
     "@tailwindcss/typography": "^0.5.9",
-    "@types/node": "^20.1.2",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
+    "@types/node": "^20.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
     "autoprefixer": "^10.4.14",
     "cem-plugin-vs-code-custom-data-generator": "^1.4.1",
-    "esbuild-sass-plugin": "^2.9.0",
-    "eslint": "^8.31.0",
-    "eslint-plugin-import": "^2.27.4",
-    "eslint-plugin-jest": "^27.2.1",
-    "eslint-plugin-lit": "^1.8.2",
-    "eslint-plugin-lit-a11y": "^2.3.0",
+    "esbuild-sass-plugin": "^2.10.0",
+    "eslint": "^8.43.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^27.2.2",
+    "eslint-plugin-lit": "^1.8.3",
+    "eslint-plugin-lit-a11y": "^3.0.0",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
     "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-wc": "^1.4.0",
+    "eslint-plugin-wc": "^1.5.0",
     "html-to-image": "^1.11.11",
-    "jest-environment-jsdom": "^28.1.3",
+    "jest-environment-jsdom": "^29.5.0",
     "nodemon": "^2.0.22",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.24",
     "postcss-import": "^15.1.0",
-    "postcss-nesting": "^11.2.2",
-    "prettier": "2.8.7",
-    "prettier-plugin-tailwindcss": "^0.2.8",
+    "postcss-nesting": "^11.3.0",
+    "prettier": "2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "storybook": "^7.1.0-alpha.20",
-    "storybook-addon-pseudo-states": "^2.0.1",
+    "sass": "^1.63.6",
+    "storybook": "^7.0.21",
+    "storybook-addon-pseudo-states": "^2.1.0",
     "tailwindcss": "^3.3.2",
-    "ts-jest": "^28.0.8",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
-    "tsup": "^6.7.0",
-    "typescript": "^4.9.5",
-    "vite": "^4.2.0",
+    "tsup": "^7.0.0",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
     "np": "^8.0.4"
   },
   "customElements": "custom-elements.json"