@citolab/qti-components 7.1.0 → 7.1.2

package/cdn/chunks/chunk-QUFRWTHS.js

@@ -0,0 +1 @@
+import{a as f}from"./chunk-IKDNYCM7.js";import{b as m}from"./chunk-M5PPZ5M3.js";import{a as l}from"./chunk-5GCSZ3CH.js";import{d as i,i as u}from"./chunk-LZZB4VGC.js";import{a}from"./chunk-IAP2CEE7.js";var s=class extends u{render(){let n=this.computedContext?.testParts.flatMap(c=>c.sections.flatMap(r=>r.items).find(r=>r.active));if(!n)return i``;let o=n.length>0?n[0]:null;if(o){let r=o.variables?.filter(e=>{if(e.type!=="response")return!1;if(e.identifier.toLowerCase().startsWith("response")||e.correctResponse)return!0})?.sort((e,t)=>e.identifier.localeCompare(t.identifier)),d=r.map(e=>e.mapping&&e.mapping.mapEntries.length>0?e.mapping.mapEntries.map(t=>`${t.mapKey}=${t.mappedValue}pt `).join("&"):e.areaMapping&&e.areaMapping.areaMapEntries.length>0?e.areaMapping.areaMapEntries.map(t=>`${t.coords} ${t.shape}=${t.mappedValue}`):e.correctResponse?Array.isArray(e.correctResponse)?e.correctResponse.join("&"):e.correctResponse:[]).join("&"),v=r.length===0?"":r?.map(e=>Array.isArray(e.value)?e.value.join("&"):e.value).join("#"),p={...o,response:v,correctResponse:this._previousActiveItem?.identifier===o.identifier&&this._previousActiveItem?.correctResponse?this._previousActiveItem.correctResponse:d};return delete p.variables,this._previousActiveItem=p,i` <small><pre>${JSON.stringify(p,null,2)}</pre></small> `}return i``}};a([m({context:f,subscribe:!0})],s.prototype,"computedContext",2),s=a([l("test-print-item-variables")],s);export{s as a};

package/cdn/chunks/chunk-RJB5E47I.js

@@ -0,0 +1 @@
+import{b as r,c as a}from"./chunk-5GCSZ3CH.js";import{i as n}from"./chunk-LZZB4VGC.js";import{a as s}from"./chunk-IAP2CEE7.js";var t=class extends n{constructor(){super();this.disabled=!1;this.readonly=!1;this._internals=this.attachInternals()}get correctResponse(){return this._correctResponse}set correctResponse(e){this._correctResponse=e}reportValidity(){return this._internals.reportValidity()}reset(){this.value=""}attributeChangedCallback(e,i,o){super.attributeChangedCallback(e,i,o),["style","class"].includes(e)||this.reset()}toggleCorrectResponse(e,i){this.correctResponse=i?e?.correctResponse:e.cardinality==="single"?"":[]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,cancelable:!1,detail:{interactionElement:this,responseIdentifier:this.responseIdentifier}}))}saveResponse(e){this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,cancelable:!1,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(e)?[...e]:e}}))}};t.formAssociated=!0,s([r({type:String,attribute:"response-identifier"})],t.prototype,"responseIdentifier",2),s([r({reflect:!0,type:Boolean})],t.prototype,"disabled",2),s([r({reflect:!0,type:Boolean})],t.prototype,"readonly",2),s([a()],t.prototype,"_correctResponse",2);export{t as a};

package/cdn/chunks/chunk-SFY52QPM.js

@@ -0,0 +1 @@
+import{b as s,c as a}from"./chunk-5GCSZ3CH.js";import{i as n}from"./chunk-LZZB4VGC.js";import{a as r}from"./chunk-IAP2CEE7.js";var t=class extends n{constructor(){super();this.disabled=!1;this.readonly=!1;this._internals=this.attachInternals()}get correctResponse(){return this._correctResponse}set correctResponse(e){this._correctResponse=e}reportValidity(){return this._internals.reportValidity()}reset(){this.value=""}attributeChangedCallback(e,i,o){super.attributeChangedCallback(e,i,o),this.value=null}toggleCorrectResponse(e,i){this.correctResponse=i?e?.correctResponse:e.cardinality==="single"?"":[]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-interaction",{bubbles:!0,composed:!0,cancelable:!1,detail:{interactionElement:this,responseIdentifier:this.responseIdentifier}}))}saveResponse(e){this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,cancelable:!1,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(e)?[...e]:e}}))}};t.formAssociated=!0,r([s({type:String,attribute:"response-identifier"})],t.prototype,"responseIdentifier",2),r([s({reflect:!0,type:Boolean})],t.prototype,"disabled",2),r([s({reflect:!0,type:Boolean})],t.prototype,"readonly",2),r([a()],t.prototype,"_correctResponse",2);export{t as a};

package/cdn/chunks/chunk-SUXBSENJ.js

@@ -0,0 +1,48 @@
+import{a as b}from"./chunk-IKDNYCM7.js";import{b as c}from"./chunk-M5PPZ5M3.js";import{a as m}from"./chunk-5GCSZ3CH.js";import{a as d,d as a,i as l}from"./chunk-LZZB4VGC.js";import{a as i}from"./chunk-IAP2CEE7.js";var o=class extends l{render(){let s=this.computedContext?.testParts.flatMap(t=>t.sections.flatMap(p=>p.items)).find(t=>t.active);if(!s||!s.variables)return a``;let u=s.variables.filter(t=>t.type==="response"),f=s.variables.filter(t=>t.type==="outcome"),n=(t,p)=>a`
+      <h3>${p}</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Identifier</th>
+            <th>Value</th>
+            <th>Cardinality</th>
+            <th>Base Type</th>
+            <th>Correct Response / Mappings</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${t.map(e=>{let h=e.correctResponse?Array.isArray(e.correctResponse)?e.correctResponse.join(", "):e.correctResponse:"",x=e.mapping?.mapEntries?.map(r=>`${r.mapKey}=${r.mappedValue}pt`).join(", ")||"",y=e.areaMapping?.areaMapEntries?.map(r=>`${r.shape}(${r.coords})=${r.mappedValue}pt`).join(", ")||"";return a`
+              <tr>
+                <td>${e.identifier}</td>
+                <td>${Array.isArray(e.value)?e.value.join(", "):e.value}</td>
+                <td>${e.cardinality}</td>
+                <td>${e.baseType}</td>
+                <td>${h||x||y}</td>
+              </tr>
+            `})}
+        </tbody>
+      </table>
+    `;return a`
+      ${n(u,"Response Variables")} ${n(f,"Outcome Variables")}
+    `}};o.styles=d`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 20px 0;
+      font-size: 14px;
+      text-align: left;
+    }
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    th {
+      background-color: #f4f4f4;
+      font-weight: bold;
+    }
+    h3 {
+      margin-top: 20px;
+      font-size: 16px;
+    }
+  `,i([c({context:b,subscribe:!0})],o.prototype,"computedContext",2),o=i([m("test-print-item-variables")],o);export{o as a};

package/cdn/chunks/chunk-SYO32O6X.js

@@ -0,0 +1 @@
+import{a as b}from"./chunk-KQPTKMFJ.js";import{b as I}from"./chunk-QQR6POPY.js";import{a as y}from"./chunk-IKDNYCM7.js";import{a as h,b as f}from"./chunk-M5PPZ5M3.js";import{a as E,b as u,c as l}from"./chunk-5GCSZ3CH.js";import{d as x,i as v}from"./chunk-LZZB4VGC.js";import{a}from"./chunk-IAP2CEE7.js";var o=class extends v{constructor(){super();this.identifier=void 0;this.initContext=[];this.configContext={};this.autoScoreItems=!1;this.addEventListener("qti-assessment-test-connected",this._handleTestConnected.bind(this)),this.addEventListener("qti-assessment-item-connected",this._handleItemConnected.bind(this)),this.addEventListener("qti-interaction-changed",this._handleInteractionChanged.bind(this)),this.addEventListener("test-end-attempt",this._handleTestEndAttempt.bind(this)),this.addEventListener("test-show-correct-response",this._handleTestShowCorrectResponse.bind(this))}_handleTestEndAttempt(r){let s=this._testElement.querySelector(`qti-assessment-item-ref[identifier="${this._sessionContext.navItemId}"]`).assessmentItem,i=this.configContext?.reportValidityAfterScoring===!0;s.processResponse(!0,i)}_handleTestShowCorrectResponse(r){this._testElement.querySelector(`qti-assessment-item-ref[identifier="${this._sessionContext.navItemId}"]`).assessmentItem.showCorrectResponse(r.detail)}_handleInteractionChanged(r){if(this.autoScoreItems){let t=r.composedPath()[0].closest("qti-assessment-item");t.variables.find(i=>i.identifier==="SCORE").externalScored===null&&t.adaptive==="false"&&t.processResponse()}}render(){return x`<slot></slot>`}_handleTestConnected(r){this._testElement=r.detail;let t=Array.from(this._testElement?.querySelectorAll("qti-test-part")||[]);this.computedContext={testParts:t.map(s=>{let i=[...s.querySelectorAll("qti-assessment-section")];return{active:!1,identifier:s.identifier,sections:i.map(e=>{let c=[...e.querySelectorAll("qti-assessment-item-ref")];return{active:!1,identifier:e.identifier,title:e.title,items:c.map(n=>({active:!1,identifier:n.identifier,href:n.href,variables:[]}))}})}})}}_handleItemConnected(r){let t=r.detail;this.computedContext={...this.computedContext,testParts:this.computedContext.testParts.map(s=>({...s,sections:s.sections.map(i=>({...i,items:i.items.map(e=>e.identifier!==t.identifier?e:{...e,label:t.getAttribute("label"),title:t.title,adaptive:t.adaptive=="true"||!1,timeDependent:t.timeDependent=="true"||!1,variables:t._context.variables})}))}))}}willUpdate(r){if(!this.computedContext)return;let t=1;this.computedContext={...this.computedContext,testParts:this.computedContext.testParts.map(s=>({...s,active:this._sessionContext?.navPartId===s.identifier||!1,sections:s.sections.map(i=>({...i,active:this._sessionContext?.navSectionId===i.identifier||!1,completed:i.items.every(e=>this._testContext.items.find(c=>c.identifier===e.identifier)?.variables.find(c=>c.identifier==="completionStatus").value==="completed"),items:i.items.map(e=>{let c=this._testContext?.items.find(m=>m.identifier===e.identifier),n;if(this.initContext){let m=this.initContext.find(w=>w.identifier===e.identifier);n={...e,...c,...m}}else n={...e,...c};let _=n.variables?.find(m=>m.identifier=="SCORE")?.value,d=parseInt(_?.toString()),S=n.variables?.find(m=>m.identifier==="completionStatus")?.value,C=n.category?n.category?.split(" "):[],p=C.includes(this.configContext?.infoItemCategory)?"info":"regular",A=this._sessionContext?.navItemId===n.identifier||!1,q=p=="regular"&&d!==void 0&&!isNaN(d)&&d>0||!1,g=p=="regular"&&d!==void 0&&!isNaN(d)&&d<=0||!1,Q=S==="completed",R=n.variables?.find(m=>m.identifier==="RESPONSE")?.value||"",P=C.includes(this.configContext?.infoItemCategory)?null:t++;return{...n,type:p,active:A,correct:q,incorrect:g,completed:Q,index:P,response:R,view:this._sessionContext.view}})}))}))}}};a([u({type:String})],o.prototype,"identifier",2),a([l()],o.prototype,"initContext",2),a([l(),f({context:I,subscribe:!0})],o.prototype,"_testContext",2),a([l(),f({context:b,subscribe:!0})],o.prototype,"_sessionContext",2),a([l()],o.prototype,"configContext",2),a([l(),h({context:y})],o.prototype,"computedContext",2),a([u({type:Boolean,attribute:"auto-score-items"})],o.prototype,"autoScoreItems",2),o=a([E("test-navigation")],o);export{o as a};

package/cdn/chunks/chunk-TUWPPE7H.js

@@ -0,0 +1 @@
+import{a as l}from"./chunk-IKDNYCM7.js";import{b as n}from"./chunk-M5PPZ5M3.js";import{a as c}from"./chunk-5GCSZ3CH.js";import{d as r,i as p}from"./chunk-LZZB4VGC.js";import{a as m}from"./chunk-IAP2CEE7.js";var t=class extends p{render(){let e=this.computedContext?.testParts.flatMap(i=>i.sections.flatMap(o=>o.items).find(o=>o.active));if(!e)return r``;let s=e.length>0?e[0]:null;return r` <small><pre>${JSON.stringify(s,null,2)}</pre></small> `}};m([n({context:l,subscribe:!0})],t.prototype,"computedContext",2),t=m([c("test-print-context")],t);export{t as a};

package/cdn/chunks/chunk-UHILPQTT.js

@@ -0,0 +1,10 @@
+import{a as c}from"./chunk-XUJ7TXHW.js";import{a as m}from"./chunk-KQPTKMFJ.js";import{b as r}from"./chunk-M5PPZ5M3.js";import{a,b as n,c as l}from"./chunk-5GCSZ3CH.js";import{d as s,i as p}from"./chunk-LZZB4VGC.js";import{a as i}from"./chunk-IAP2CEE7.js";var t=class extends p{constructor(){super(...arguments);this.label="view";this._handleViewOptionsChange=()=>{this.updateViewOptions()};this._viewOptions=t.DEFAULT_VIEW_OPTIONS}connectedCallback(){super.connectedCallback(),this.updateViewOptions()}updateViewOptions(){if(this.viewOptions){let e=this.viewOptions.split(",").map(o=>o.trim());this._viewOptions=e.filter(o=>t.DEFAULT_VIEW_OPTIONS.includes(o))}else this._viewOptions=t.DEFAULT_VIEW_OPTIONS}_switchView(e){this.dispatchEvent(new CustomEvent("on-test-switch-view",{composed:!0,bubbles:!0,detail:e}))}render(){return s`
+      <label part="label" for="viewSelect">${this.label}</label>
+      <select
+        part="select"
+        id="viewSelect"
+        @change=${e=>{let o=e.target;this._switchView(o.value)}}
+      >
+        ${this._viewOptions.map(e=>s`<option value="${e}" ?selected=${e===this.sessionContext.view}>${e}</option>`)}
+      </select>
+    `}};t.DEFAULT_VIEW_OPTIONS=["author","candidate","proctor","scorer","testConstructor","tutor"],i([r({context:m,subscribe:!0})],t.prototype,"sessionContext",2),i([n({type:String})],t.prototype,"label",2),i([n({type:String,attribute:"view-options"})],t.prototype,"viewOptions",2),i([c("viewOptions",{waitUntilFirstUpdate:!0})],t.prototype,"_handleViewOptionsChange",2),i([l()],t.prototype,"_viewOptions",2),t=i([a("test-view")],t);export{t as a};

package/cdn/chunks/chunk-UOY4MCKX.js

@@ -0,0 +1,6 @@
+import{a as c}from"./chunk-QQCGUVEV.js";import{b as n}from"./chunk-M5PPZ5M3.js";import{c as l}from"./chunk-FCESHSJ3.js";import{a as o,d as u,j as p}from"./chunk-EUHRWJ5R.js";import{c as a}from"./chunk-6A2O5DS7.js";var s=class extends p{constructor(){super(...arguments);this.getVariables=()=>Array.from(this.children).map(e=>{switch(e.tagName.toLowerCase()){case"qti-base-value":return{baseType:e.getAttribute("base-type"),value:e.textContent.trim(),cardinality:"single"};case"qti-variable":{let r=e.getAttribute("identifier")||"";return this.context.variables.find(i=>i.identifier===r)||null}case"qti-multiple":{let t=e.getResult();return t.length>0?{identifier:"",baseType:t[0].baseType,value:t.map(i=>i.value),cardinality:"multiple",type:"response"}:null}case"qti-correct":{let r=e.getAttribute("identifier")||"",t=this.context.variables.find(i=>i.identifier===r)||null;return{baseType:t.baseType,value:t.correctResponse,cardinality:t.cardinality}}default:{try{return{baseType:"integer",value:e.getResult().toString(),cardinality:"single"}}catch{console.warn("default not sufficient")}return null}}}).filter(e=>e!==null)}render(){return u`<pre>${JSON.stringify(this.result,null,2)}</pre>
+      <slot></slot>`}calculate(){return this.result=this.getResult(),this.result}getResult(){throw new Error("Not implemented")}};s.styles=o`
+    slot {
+      display: none;
+    }
+  `,a([l()],s.prototype,"result",2),a([n({context:c,subscribe:!0}),l()],s.prototype,"context",2);export{s as a};

package/cdn/chunks/chunk-VLCD4DFD.js

@@ -0,0 +1,8 @@
+import{a as h}from"./chunk-GCKESRQG.js";import{a as l}from"./chunk-XUJ7TXHW.js";import{b as p,c as u}from"./chunk-L4CUWIE6.js";import{a as c}from"./chunk-IKDNYCM7.js";import{b as o}from"./chunk-M5PPZ5M3.js";import{a as d}from"./chunk-5GCSZ3CH.js";import{a as r,d as a,i as m}from"./chunk-LZZB4VGC.js";import{a as i}from"./chunk-IAP2CEE7.js";var t=class extends m{constructor(){super();this.disabled=!0;this._internals=this.attachInternals(),this._internals.role="button",this._internals.ariaLabel="Next item",this.addEventListener("click",e=>{e.preventDefault(),this.disabled||this._requestItem(this.sectionItems[this.itemIndex+1].identifier)})}_handleTestElementChange(e,n){n&&(this.disabled=!1)}connectedCallback(){super.connectedCallback(),this.checkDisabled()}willUpdate(e){if(!this.computedContext)return;let n=this.computedContext?.testParts.find(s=>s.active);n&&(this.sectionItems=n.sections.flatMap(s=>s.items),this.itemIndex=this.sectionItems.findIndex(s=>s.active),this.checkDisabled())}checkDisabled(){this.disabled=!this.computedContext||this.itemIndex<0||this.itemIndex>=this.sectionItems.length-1}_requestItem(e){this.dispatchEvent(new CustomEvent("qti-request-navigation",{composed:!0,bubbles:!0,detail:{type:"item",id:e}}))}render(){return a`<slot></slot>`}};t.styles=r`
+    :host {
+      ${p};
+    }
+    :host([disabled]) {
+      ${u};
+    }
+  `,i([h({type:Boolean,reflect:!0,aria:"ariaDisabled"})],t.prototype,"disabled",2),i([o({context:c,subscribe:!0})],t.prototype,"computedContext",2),i([l("computedContext")],t.prototype,"_handleTestElementChange",1),t=i([d("test-next")],t);export{t as a};

package/cdn/chunks/chunk-VRTU4ZV6.js

@@ -0,0 +1,48 @@
+import{a as b}from"./chunk-IKDNYCM7.js";import{b as c}from"./chunk-M5PPZ5M3.js";import{a as m}from"./chunk-5GCSZ3CH.js";import{a as l,d as o,i as d}from"./chunk-LZZB4VGC.js";import{a as p}from"./chunk-IAP2CEE7.js";var r=class extends d{render(){let a=this.computedContext?.testParts.flatMap(e=>e.sections.flatMap(s=>s.items)).find(e=>e.active);if(!a||!a.variables)return o``;let u=a.variables.filter(e=>e.type==="response"),f=a.variables.filter(e=>e.type==="outcome"),i=(e,s)=>o`
+      <h3>${s}</h3>
+      <table>
+        <thead>
+          <tr>
+            <th>Identifier</th>
+            <th>Value</th>
+            <th>Cardinality</th>
+            <th>Base Type</th>
+            <th>Correct Response / Mappings</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${e.map(t=>{let h=t.correctResponse?Array.isArray(t.correctResponse)?t.correctResponse.join(", "):t.correctResponse:"",x=t.mapping?.mapEntries?.map(n=>`${n.mapKey}=${n.mappedValue}pt`).join(", ")||"";return o`
+              <tr>
+                <td>${t.identifier}</td>
+                <td>${Array.isArray(t.value)?t.value.join(", "):t.value}</td>
+                <td>${t.cardinality}</td>
+                <td>${t.baseType}</td>
+                <td>${h||x}</td>
+              </tr>
+            `})}
+        </tbody>
+      </table>
+    `;return o`
+      ${i(u,"Response Variables")} ${i(f,"Outcome Variables")}
+    `}};r.styles=l`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 20px 0;
+      font-size: 14px;
+      text-align: left;
+    }
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 8px;
+    }
+    th {
+      background-color: #f4f4f4;
+      font-weight: bold;
+    }
+    h3 {
+      margin-top: 20px;
+      font-size: 16px;
+    }
+  `,p([c({context:b,subscribe:!0})],r.prototype,"computedContext",2),r=p([m("test-print-item-variables")],r);export{r as a};