@citolab/qti-components 6.0.2 → 6.0.3-0

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

@@ -1,8 +1,8 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
-import { I as InputResponseFormat, Q as QtiVariableJSON } from '../ExpressionResult-2192c3d8.js';
-import { a as QtiAssessmentItem } from '../qti-assessment-item-e9f437d6.js';
+import { R as ResponseInteraction } from '../ExpressionResult-b1ac7b27.js';
+import { Q as QtiAssessmentItem } from '../qti-assessment-item-219cef9e.js';
 
 declare class ScaleToFitInterface {
 }
@@ -13,14 +13,21 @@ declare class QtiItem extends QtiItem_base {
     handleDisabledChange(old: any, disabled: boolean): void;
     readonly: boolean;
     handleReadonlyChange(old: any, readonly: boolean): void;
-    responses: InputResponseFormat<QtiVariableJSON>;
-    handleResponsesChange(old: any, responses: InputResponseFormat<QtiVariableJSON>): void;
-    _item: QtiAssessmentItem;
+    responses: ResponseInteraction[];
+    handleResponsesChange(old: any, responses: ResponseInteraction[]): void;
+    set qtiContext(context: {
+        view: 'author' | 'candidate' | 'proctor' | 'scorer' | 'testConstructor' | 'tutor';
+    });
+    private provider;
+    private _xml;
+    get _item(): QtiAssessmentItem;
+    set xml(val: string);
+    get xml(): string;
     static styles: lit.CSSResult;
     processResponse: () => boolean;
     validateResponses: () => boolean;
     resetInteractions: () => void;
-    private handleSlotchange;
+    connectedCallback(): void;
     render: () => lit_html.TemplateResult<1>;
 }
 

package/dist/qti-item/index.js

@@ -1,17 +1 @@
-import{a as l}from"../chunk-JQY6IKDF.js";import{c as a}from"../chunk-NMCIOGD2.js";import{css as m,html as u,LitElement as f}from"lit";var h=(p,d)=>{class e extends p{constructor(){super(...arguments);this.scale=1;this.ro=new ResizeObserver(t=>{for(let r of t)this.fitToParent(r.contentRect.width)})}connectedCallback(){super.connectedCallback(),this.ro.observe(this),this.fitToParent()}static get properties(){return{scales:{type:Boolean,reflect:!0}}}updated(t){t.forEach((r,n)=>{switch(n){case"scales":this.scales&&this.fitToParent();break}})}fitToParent(t=this.clientWidth){let r=this.querySelector(d);if(r){let n=t/r.clientWidth;this.scale=n,this.marginY=-r.clientHeight*(1-n)+"px",requestAnimationFrame(()=>{r.style.transform=`scale(${this.scale})`,r.style.margin=`0 0 ${this.marginY} 0`})}}}return e};import{property as c,state as b}from"lit/decorators.js";var s=class extends h(f,"qti-assessment-item"){constructor(){super(...arguments);this.disabled=!1;this.readonly=!1;this.processResponse=()=>{var e;return(e=this._item)==null?void 0:e.processResponse()};this.validateResponses=()=>this._item?this._item.validateResponses():!1;this.resetInteractions=()=>{var e;return(e=this._item)==null?void 0:e.resetInteractions()};this.render=()=>u`<slot @slotchange=${this.handleSlotchange}></slot>`}handleDisabledChange(e,i){var o,t;i&&((o=this._item)==null||o.setAttribute("disabled","")),!i&&((t=this._item)==null||t.removeAttribute("disabled"))}handleReadonlyChange(e,i){var o,t;i&&((o=this._item)==null||o.setAttribute("readonly","")),!i&&((t=this._item)==null||t.removeAttribute("readonly"))}handleResponsesChange(e,i){this._item&&(this._item.responses=i)}handleSlotchange(e){let i=e.target.assignedNodes({flatten:!0});this._item=null,i.forEach(o=>{o.nodeName=="QTI-ASSESSMENT-ITEM"&&(this._item=o,this.disabled&&this._item.setAttribute("disabled",""),this.readonly&&this._item.setAttribute("readonly",""),this.responses&&(this._item.responses=this.responses))})}};s.styles=m`
-    :host {
-      display: block; /* necessary to calculate scaling position */
-      width: 100%;
-      height: 100%;
-      overflow: auto;
-    }
-    ::slotted(qti-assessment-item) {
-      display: block; /* necessary to calculate scaling position */
-      width: 100%;
-    }
-    :host([scales]) ::slotted(qti-assessment-item) {
-      aspect-ratio: 4 / 3;
-      width: 1024px;
-      transform-origin: 0 0;
-    }
-  `,a([c({type:Boolean,reflect:!0})],s.prototype,"disabled",2),a([l("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),a([c({type:Boolean,reflect:!0})],s.prototype,"readonly",2),a([l("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),a([c({type:Object,reflect:!0})],s.prototype,"responses",2),a([l("responses",{waitUntilFirstUpdate:!0})],s.prototype,"handleResponsesChange",1),a([b()],s.prototype,"_item",2);customElements.define("qti-item",s);export{s as QtiItem};
+import{a as o}from"../chunk-M3YT56HW.js";import"../chunk-DLLHO3W2.js";import"../chunk-NMCIOGD2.js";export{o as QtiItem};

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { R as ResponseInteraction } from '../ExpressionResult-b1ac7b27.js';
+import { O as OutcomeChangedDetails, b as InteractionChangedDetails } from '../qti-rule-5fe4f91e.js';
+import '../qti-assessment-item-219cef9e.js';
+import 'lit-html';
+import 'lit';
+
+interface QtiItemProps {
+    ref?: any;
+    className?: string;
+    scales?: boolean;
+    responses?: ResponseInteraction[];
+    xml: string;
+    qtioutcomechanged?: (e: CustomEvent<OutcomeChangedDetails>) => void;
+    qtiinteractionchanged?: (e: CustomEvent<InteractionChangedDetails>) => void;
+}
+declare const QtiItem: React.ForwardRefExoticComponent<QtiItemProps>;
+
+export { QtiItem };

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

@@ -0,0 +1 @@
+import{a as t}from"../chunk-M3YT56HW.js";import"../chunk-DLLHO3W2.js";import"../chunk-NMCIOGD2.js";import e from"react";import{createComponent as o}from"@lit-labs/react";var m=o({tagName:"qti-item",react:e,elementClass:t,events:{qtioutcomechanged:"qti-outcome-changed",qtiinteractionchanged:"qti-interaction-changed"}});export{m as QtiItem};

package/dist/qti-rule-5fe4f91e.d.ts

@@ -0,0 +1,303 @@
+import { R as ResponseInteraction } from './ExpressionResult-b1ac7b27.js';
+import { V as VariableDeclaration } from './qti-assessment-item-219cef9e.js';
+import * as lit_html from 'lit-html';
+import { LitElement, CSSResultGroup } from 'lit';
+
+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<1 | 2>;
+}
+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 QtiHottext extends QtiChoice {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-hottext': QtiHottext;
+    }
+}
+
+declare abstract class Choices extends Interaction {
+    protected _choiceElements: QtiChoice[];
+    minChoices: number;
+    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 4.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;
+    }
+}
+
+/**
+ * @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 {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'qti-simple-choice': QtiSimpleChoice;
+    }
+}
+
+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;
+    }
+}
+
+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, QtiHottext as k, QtiResponseProcessing as l, qtiOutcomeChanged as q };

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

@@ -1,6 +1,6 @@
 import * as lit_html from 'lit-html';
 import { LitElement } from 'lit';
-import { I as InputResponseFormat, Q as QtiVariableJSON } from '../ExpressionResult-2192c3d8.js';
+import { R as ResponseInteraction } from '../ExpressionResult-b1ac7b27.js';
 
 declare const TestEvents: {
     ON_ITEM_WAS_FINISHED: string;
@@ -45,7 +45,7 @@ declare class QtiTest extends LitElement {
     });
     set itemXML(xml: string);
     set manualOutcomeValue(value: any);
-    set itemResponse(val: InputResponseFormat<QtiVariableJSON>);
+    set itemResponse(val: ResponseInteraction[]);
     private provider;
     private _onCheckItem;
     private _onScoreItem;

package/dist/qti-test/index.js

@@ -1,12 +1,14 @@
-import{a as u}from"../chunk-L6436D6O.js";import{a as d}from"../chunk-JQY6IKDF.js";import{a as h,c as i}from"../chunk-NMCIOGD2.js";import{LitElement as r,html as a}from"lit";var m=(n,c)=>{class e extends n{_dispatch(){this.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0,detail:+this.getAttribute("index")}))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._dispatch)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._dispatch)}}return e};customElements.define("qti-test-next",class extends m(r,"on-next-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-item",class extends m(r,"on-request-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-prev",class extends m(r,"on-prev-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-check",class extends m(r,"on-check-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-score",class extends m(r,"on-score-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-show-correct",class extends m(r,"on-show-correct"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});import{html as _,LitElement as E}from"lit";import{ContextProvider as f}from"@lit-labs/context";import{customElement as I,property as l,query as p,state as R}from"lit/decorators.js";var o={ON_ITEM_WAS_FINISHED:"onItemWasFinished",ON_NO_RESPONSE_ON_SUBMIT:"onNoResponseOnSubmit",ON_REQUEST_ITEM:"onRequestItem",ON_TEST_FINISHED:"onTestFinished",ON_ITEM_READY:"onItemReady"},b=(e=>(e.linear="linear",e.nonlinear="nonlinear",e))(b||{}),x=(e=>(e.individual="individual",e.simultaneous="simultaneous",e))(x||{}),t=class extends E{constructor(){super(...arguments);this.disabled=!1;this.readonly=!1;this._navigationMode="nonlinear";this._submissionMode="simultaneous";this.items=[];this.itemIndex=0;this.provider=new f(this,u,{log:e=>{console.log(`[my-app] ${e}`)},view:"candidate"})}handleNavigationModeChange(e,s){this.prevButton.style.visibility=s==="linear"?"hidden":"visible"}handleItemIndexChange(e,s){this.emit(o.ON_REQUEST_ITEM,{detail:s})}set qtiContext(e){this.provider.value.view=e.view,this.provider.updateObservers()}set itemXML(e){this._itemRef&&this._itemRef.remove(),this.insertAdjacentHTML("afterbegin",e)}set manualOutcomeValue(e){this._itemRef.setOutcomeValue("SCORE",e)}set itemResponse(e){this._itemRef&&(this._itemRef.responses=e,this._navigationMode==="linear"&&(this._itemRef.style.filter="blur(5px)",this._itemRef.setAttribute("disabled",""),this.dispatchEvent(new CustomEvent(o.ON_ITEM_WAS_FINISHED))))}_onCheckItem(){return this._itemRef.validateResponses()?(this._itemRef.processResponse(),!0):!1}_onScoreItem(){this._onCheckItem()&&this._itemRef.processResponse()}_onPrevItem(){this.itemIndex>0&&this.emit(o.ON_REQUEST_ITEM,{detail:this.itemIndex-1})}_onNextItem(){if(this._navigationMode==="linear"&&!this._itemRef.validateResponses()){this.dispatchEvent(new CustomEvent(o.ON_NO_RESPONSE_ON_SUBMIT));return}this.itemIndex<this.items.length-1?this.emit(o.ON_REQUEST_ITEM,{detail:this.itemIndex+1}):this.dispatchEvent(new CustomEvent(o.ON_TEST_FINISHED))}_onShowCorrect(){this._itemRef.showCorrectResponse()}_onRequestItem({detail:e}){this.emit(o.ON_REQUEST_ITEM,{detail:e})}_handleSlotchange(e){let s=this.querySelector("qti-assessment-item");s&&(this._itemRef=s,this.disabled&&this._itemRef.setAttribute("disabled",""),this.readonly&&this._itemRef.setAttribute("readonly",""),this.emit(o.ON_ITEM_READY,{detail:s}))}render(){return _`
-      <slot
-        @slotchange=${this._handleSlotchange}
-        @on-prev-item=${this._onPrevItem}
-        @on-next-item=${this._onNextItem}
-        @on-check-item=${this._onCheckItem}
-        @on-score-item=${this._onScoreItem}
-        @on-request-item=${this._onRequestItem}
-        @on-show-correct=${this._onShowCorrect}
-      >
+import{a as d,b as u}from"../chunk-DLLHO3W2.js";import{a as h,c as i}from"../chunk-NMCIOGD2.js";import{LitElement as r,html as a}from"lit";var m=(n,c)=>{class e extends n{_dispatch(){this.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0,detail:+this.getAttribute("index")}))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._dispatch)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._dispatch)}}return e};customElements.define("qti-test-next",class extends m(r,"on-next-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-item",class extends m(r,"on-request-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-prev",class extends m(r,"on-prev-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-check",class extends m(r,"on-check-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-score",class extends m(r,"on-score-item"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});customElements.define("qti-test-show-correct",class extends m(r,"on-show-correct"){constructor(){super(...arguments);this.render=()=>a`<slot></slot>`}});import{html as _,LitElement as E}from"lit";import{ContextProvider as f}from"@lit-labs/context";import{customElement as I,property as l,query as p,state as R}from"lit/decorators.js";var o={ON_ITEM_WAS_FINISHED:"onItemWasFinished",ON_NO_RESPONSE_ON_SUBMIT:"onNoResponseOnSubmit",ON_REQUEST_ITEM:"onRequestItem",ON_TEST_FINISHED:"onTestFinished",ON_ITEM_READY:"onItemReady"},b=(e=>(e.linear="linear",e.nonlinear="nonlinear",e))(b||{}),x=(e=>(e.individual="individual",e.simultaneous="simultaneous",e))(x||{}),t=class extends E{constructor(){super(...arguments);this.disabled=!1;this.readonly=!1;this._navigationMode="nonlinear";this._submissionMode="simultaneous";this.items=[];this.itemIndex=0;this.provider=new f(this,u,{log:e=>{console.log(`[my-app] ${e}`)},view:"candidate"})}handleNavigationModeChange(e,s){this.prevButton.style.visibility=s==="linear"?"hidden":"visible"}handleItemIndexChange(e,s){this.emit(o.ON_REQUEST_ITEM,{detail:s})}set qtiContext(e){this.provider.value.view=e.view,this.provider.updateObservers()}set itemXML(e){this._itemRef&&this._itemRef.remove(),this.insertAdjacentHTML("afterbegin",e)}set manualOutcomeValue(e){this._itemRef.setOutcomeValue("SCORE",e)}set itemResponse(e){this._itemRef&&(this._itemRef.responses=e,this._navigationMode==="linear"&&(this._itemRef.style.filter="blur(5px)",this._itemRef.setAttribute("disabled",""),this.dispatchEvent(new CustomEvent(o.ON_ITEM_WAS_FINISHED))))}_onCheckItem(){return this._itemRef.validateResponses()?(this._itemRef.processResponse(),!0):!1}_onScoreItem(){this._onCheckItem()&&this._itemRef.processResponse()}_onPrevItem(){this.itemIndex>0&&this.emit(o.ON_REQUEST_ITEM,{detail:this.itemIndex-1})}_onNextItem(){if(this._navigationMode==="linear"&&!this._itemRef.validateResponses()){this.dispatchEvent(new CustomEvent(o.ON_NO_RESPONSE_ON_SUBMIT));return}this.itemIndex<this.items.length-1?this.emit(o.ON_REQUEST_ITEM,{detail:this.itemIndex+1}):this.dispatchEvent(new CustomEvent(o.ON_TEST_FINISHED))}_onShowCorrect(){this._itemRef.showCorrectResponse()}_onRequestItem({detail:e}){this.emit(o.ON_REQUEST_ITEM,{detail:e})}_handleSlotchange(e){let s=this.querySelector("qti-assessment-item");s&&(this._itemRef=s,this.disabled&&this._itemRef.setAttribute("disabled",""),this.readonly&&this._itemRef.setAttribute("readonly",""),this.emit(o.ON_ITEM_READY,{detail:s}))}render(){return _`
+      <slot name="qti-item"></slot>
+        <slot
+          @slotchange=${this._handleSlotchange}
+          @on-prev-item=${this._onPrevItem}
+          @on-next-item=${this._onNextItem}
+          @on-check-item=${this._onCheckItem}
+          @on-score-item=${this._onScoreItem}
+          @on-request-item=${this._onRequestItem}
+          @on-show-correct=${this._onShowCorrect}
+        >
+        </slot>
       </slot>
-    `}emit(e,s){let v=new CustomEvent(e,h({bubbles:!0,cancelable:!1,composed:!0,detail:{}},s));this.dispatchEvent(v)}};i([p("qti-test-prev")],t.prototype,"prevButton",2),i([p("qti-test-next")],t.prototype,"nextButton",2),i([l({type:Boolean})],t.prototype,"disabled",2),i([l({type:Boolean})],t.prototype,"readonly",2),i([l({type:String,attribute:"navigation-mode"})],t.prototype,"_navigationMode",2),i([d("_navigationMode",{waitUntilFirstUpdate:!0})],t.prototype,"handleNavigationModeChange",1),i([l({type:String,attribute:"submission-mode"})],t.prototype,"_submissionMode",2),i([l()],t.prototype,"items",2),i([l({type:Number,attribute:"item-index",reflect:!0})],t.prototype,"itemIndex",2),i([d("itemIndex",{waitUntilFirstUpdate:!0})],t.prototype,"handleItemIndexChange",1),i([R()],t.prototype,"_itemRef",2),t=i([I("qti-test")],t);export{b as NavigationMode,t as QtiTest,x as SubmissionMode,o as TestEvents};
+    `}emit(e,s){let v=new CustomEvent(e,h({bubbles:!0,cancelable:!1,composed:!0,detail:{}},s));this.dispatchEvent(v)}};i([p("qti-test-prev")],t.prototype,"prevButton",2),i([p("qti-test-next")],t.prototype,"nextButton",2),i([l({type:Boolean})],t.prototype,"disabled",2),i([l({type:Boolean})],t.prototype,"readonly",2),i([l({type:String,attribute:"navigation-mode"})],t.prototype,"_navigationMode",2),i([d("_navigationMode",{waitUntilFirstUpdate:!0})],t.prototype,"handleNavigationModeChange",1),i([l({type:String,attribute:"submission-mode"})],t.prototype,"_submissionMode",2),i([l({attribute:!1})],t.prototype,"items",2),i([l({type:Number,attribute:"item-index",reflect:!0})],t.prototype,"itemIndex",2),i([d("itemIndex",{waitUntilFirstUpdate:!0})],t.prototype,"handleItemIndexChange",1),i([R()],t.prototype,"_itemRef",2),t=i([I("qti-test")],t);export{b as NavigationMode,t as QtiTest,x as SubmissionMode,o as TestEvents};