@citolab/qti-components 6.9.1-beta.10 → 6.9.1-beta.12

package/dist/{qti-simple-choice-CafJuhnH.d.ts → qti-simple-choice-bOvnZAEz.d.ts}

@@ -210,38 +210,21 @@ declare global {
     }
 }
 
-/**
- * @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 {
+type Constructor$1<T = {}> = new (...args: any[]) => T;
+interface ChoiceInterface {
     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;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'qti-choice': QtiChoice;
-    }
 }
+/**
+ * A mixin that adds choice functionality to a LitElement-based class.
+ * It dispatches events with a custom `type` and handles selection logic.
+ *
+ * @param Base - The base class to extend.
+ * @param type - The type of the choice, used in event names.
+ * @returns A new class extending the base class with choice functionality.
+ */
+declare function ActiveElementMixin<T extends Constructor$1<LitElement>>(Base: T, type: string): Constructor$1<ChoiceInterface> & T;
 
 /**
  * @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.
@@ -474,9 +457,10 @@ declare global {
     }
 }
 
+type Choice = HTMLElement & ChoiceInterface;
 interface ChoicesInterface {
     validate(): boolean;
-    _choiceElements: HTMLElement[];
+    _choiceElements: Array<Choice>;
     correctResponse: string | string[];
 }
 
@@ -721,9 +705,9 @@ interface IInteraction {
 declare const QtiAssociateInteraction_base: (new (...args: any[]) => IInteraction) & typeof LitElement;
 declare class QtiAssociateInteraction extends QtiAssociateInteraction_base {
     private _childrenMap;
-    static styles: lit.CSSResult;
+    static styles: CSSResultGroup;
     render(): lit_html.TemplateResult<1>;
-    connectedCallback(): void;
+    constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -865,7 +849,8 @@ declare global {
     }
 }
 
-declare class QtiSimpleAssociableChoice extends LitElement {
+declare const QtiSimpleAssociableChoice_base: (new (...args: any[]) => ChoiceInterface) & typeof LitElement;
+declare class QtiSimpleAssociableChoice extends QtiSimpleAssociableChoice_base {
     static styles: lit.CSSResult;
     /** the minimal number of selections a candidate must make */
     matchMin: number;
@@ -883,14 +868,16 @@ declare global {
 
 declare const QtiMatchInteraction_base: (new (...args: any[]) => IInteraction) & typeof LitElement;
 declare class QtiMatchInteraction extends QtiMatchInteraction_base {
-    static styles: lit.CSSResult[];
+    static styles: CSSResultGroup;
     rows: QtiSimpleAssociableChoice[];
     cols: QtiSimpleAssociableChoice[];
     lastCheckedRadio: HTMLInputElement | null;
-    response: any[];
+    _response: string | string[];
+    get response(): string[];
+    set response(val: string[]);
     correctOptions: string[];
     responseIdentifier: string;
-    connectedCallback(): void;
+    connectedCallback(): Promise<void>;
     handleRadioClick: (e: any) => void;
     handleRadioChange: (e: any) => void;
     set correctResponse(responseValue: string | string[]);
@@ -1101,7 +1088,8 @@ declare global {
     }
 }
 
-declare class QtiGapText extends LitElement {
+declare const QtiGapText_base: (new (...args: any[]) => ChoiceInterface) & typeof LitElement;
+declare class QtiGapText extends QtiGapText_base {
     static styles: lit.CSSResult;
     tabindex: number | undefined;
     connectedCallback(): void;
@@ -1113,7 +1101,8 @@ declare global {
     }
 }
 
-declare class QtiHotspotChoice extends QtiChoice {
+declare const QtiHotspotChoice_base: (new (...args: any[]) => ChoiceInterface) & typeof LitElement;
+declare class QtiHotspotChoice extends QtiHotspotChoice_base {
     static styles: lit.CSSResult;
     order: number;
 }
@@ -1123,7 +1112,8 @@ declare global {
     }
 }
 
-declare class QtiHottext extends QtiChoice {
+declare const QtiHottext_base: (new (...args: any[]) => ChoiceInterface) & typeof LitElement;
+declare class QtiHottext extends QtiHottext_base {
     static styles: lit.CSSResult;
     render(): lit_html.TemplateResult<1>;
 }
@@ -1147,19 +1137,12 @@ declare global {
     }
 }
 
+declare const QtiSimpleChoice_base: (new (...args: any[]) => ChoiceInterface) & typeof LitElement;
 /**
- * @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.
+ * qti-order-interaction
+ * qti-choice-interaction
  */
-declare class QtiSimpleChoice extends QtiChoice {
+declare class QtiSimpleChoice extends QtiSimpleChoice_base {
     static styles: lit.CSSResult;
     marker: string;
     render(): lit_html.TemplateResult<1>;
@@ -1170,4 +1153,4 @@ declare global {
     }
 }
 
-export { QtiGapMatchInteraction as $, QtiFeedbackInline as A, type BaseType as B, type Calculate as C, QtiModalFeedback as D, QtiExtendedTextInteraction as E, QtiTextEntryInteraction as F, QtiHottextInteraction as G, QtiInlineChoiceInteraction as H, type ItemContext as I, QtiChoiceInteraction as J, QtiOutcomeProcessing as K, QtiOutcomeProcessingProcessor as L, type Multiple as M, QtiResponseProcessing as N, type OutcomeChangedDetails as O, QtiLookupOutcomeValue as P, QtiRule as Q, type ResponseVariable as R, QtiAnd as S, type MockQtiExpression as T, qtiAndMixin as U, type VariableDeclaration as V, QtiMapping as W, QtiPortableCustomInteraction as X, QtiAssociateInteraction as Y, QtiCustomInteraction as Z, QtiEndAttemptInteraction as _, type QtiRuleBase as a, QtiGraphicAssociateInteraction as a0, QtiGraphicGapMatchInteraction as a1, QtiGraphicOrderInteraction as a2, QtiHotspotInteraction as a3, QtiMatchInteraction as a4, QtiMediaInteraction as a5, QtiOrderInteraction as a6, QtiPositionObjectStage as a7, QtiSelectPointInteraction as a8, QtiSliderInteraction as a9, itemContextVariables as aa, itemContext as ab, QtiCustomOperator as ac, Interaction as ad, QtiAssociableHotspot as ae, QtiGap as af, QtiGapImg as ag, QtiGapText as ah, QtiHotspotChoice as ai, QtiHottext as aj, QtiInlineChoice as ak, QtiSimpleAssociableChoice as al, QtiSimpleChoice as am, type QtiExpressionBase as b, QtiExpression as c, QtiConditionExpression as d, type InteractionChangedDetails as e, type QtiInteractionChanged as f, type QtiOutcomeChanged as g, type directedPair as h, type ResponseInteraction as i, type float as j, type integer as k, type Ordered as l, type Cardinality as m, type VariableValue as n, type OutcomeVariable as o, QtiAssessmentItem as p, QtiAssessmentStimulusRef as q, QtiChoice as r, QtiPrompt as s, QtiStylesheet as t, QtiOutcomeDeclaration as u, QtiResponseDeclaration as v, QtiCompanionMaterialsInfo as w, QtiContentBody as x, QtiRubricBlock as y, QtiFeedbackBlock as z };
+export { QtiEndAttemptInteraction as $, ActiveElementMixin as A, type BaseType as B, type Calculate as C, QtiFeedbackInline as D, QtiModalFeedback as E, QtiExtendedTextInteraction as F, QtiTextEntryInteraction as G, QtiHottextInteraction as H, type ItemContext as I, QtiInlineChoiceInteraction as J, QtiChoiceInteraction as K, QtiOutcomeProcessing as L, type Multiple as M, QtiOutcomeProcessingProcessor as N, type OutcomeChangedDetails as O, QtiResponseProcessing as P, QtiRule as Q, type ResponseVariable as R, QtiLookupOutcomeValue as S, QtiAnd as T, type MockQtiExpression as U, type VariableDeclaration as V, qtiAndMixin as W, QtiMapping as X, QtiPortableCustomInteraction as Y, QtiAssociateInteraction as Z, QtiCustomInteraction as _, type QtiRuleBase as a, QtiGapMatchInteraction as a0, QtiGraphicAssociateInteraction as a1, QtiGraphicGapMatchInteraction as a2, QtiGraphicOrderInteraction as a3, QtiHotspotInteraction as a4, QtiMatchInteraction as a5, QtiMediaInteraction as a6, QtiOrderInteraction as a7, QtiPositionObjectStage as a8, QtiSelectPointInteraction as a9, QtiSliderInteraction as aa, itemContextVariables as ab, itemContext as ac, QtiCustomOperator as ad, Interaction as ae, QtiAssociableHotspot as af, QtiGap as ag, QtiGapImg as ah, QtiGapText as ai, QtiHotspotChoice as aj, QtiHottext as ak, QtiInlineChoice as al, QtiSimpleAssociableChoice as am, QtiSimpleChoice as an, type QtiExpressionBase as b, QtiExpression as c, QtiConditionExpression as d, type InteractionChangedDetails as e, type QtiInteractionChanged as f, type QtiOutcomeChanged as g, type directedPair as h, type ResponseInteraction as i, type float as j, type integer as k, type Ordered as l, type Cardinality as m, type VariableValue as n, type OutcomeVariable as o, QtiAssessmentItem as p, QtiAssessmentStimulusRef as q, type ChoiceInterface as r, QtiPrompt as s, QtiStylesheet as t, QtiOutcomeDeclaration as u, QtiResponseDeclaration as v, QtiCompanionMaterialsInfo as w, QtiContentBody as x, QtiRubricBlock as y, QtiFeedbackBlock as z };

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "6.9.1-beta.10",
+  "version": "6.9.1-beta.12",
   "type": "module",
   "exports": {
     "./qti-components": "./dist/qti-components/index.js",
@@ -67,7 +67,7 @@
     "----hooks----": "-",
     "prepublishOnly": "echo 'calling prepublishOnly as npm lifecycle hook to build-lib!' && npm run build-lib",
     "postpublish": "echo 'posthook for prosperity, does nothing for now!'",
-    "test:browser": "vitest",
+    "test:browser": "vitest --browser.headless=false",
     "chromatic": "node chromatic-runner.cjs"
   },
   "wireit": {
@@ -87,6 +87,7 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.15.4",
+    "@chromatic-com/storybook": "^2.0.2",
     "@custom-elements-manifest/analyzer": "^0.10.3",
     "@lit-labs/preact-signals": "^1.0.2",
     "@lit/context": "^1.1.2",
@@ -130,6 +131,9 @@
     "prettier": "3.3.3",
     "remark-gfm": "^4.0.0",
     "storybook": "^8.3.5",
+    "stylelint": "^16.10.0",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-prettier": "^5.0.2",
     "tsup": "^8.2.4",
     "tsx": "^4.17.0",
     "typescript": "^5.5.4",