@citolab/qti-components 7.1.6 → 7.2.1

package/cdn/chunks/chunk-WUX2JPB5.js

@@ -0,0 +1,17 @@
+import{a as u}from"./chunk-IKDNYCM7.js";import{b as m}from"./chunk-5MY26RWE.js";import{a as p,b as c}from"./chunk-PT6SVREH.js";import{d as i,g as l,i as d}from"./chunk-SCPSWPAG.js";import{a as o}from"./chunk-IAP2CEE7.js";var r=class extends d{constructor(){super(...arguments);this.view="";this.disabled=!1}createRenderRoot(){return this}_changeOutcomeScore(t){let n=(this.computedContext?.testParts.find(e=>e.active)).sections.flatMap(e=>e.items).find(e=>e.active)?.identifier;this.dispatchEvent(new CustomEvent("test-update-outcome-variable",{detail:{assessmentItemRefId:n,outcomeVariableId:"SCORE",value:t},bubbles:!0}))}render(){let t=this.computedContext?.testParts.flatMap(e=>e.sections.flatMap(a=>a.items)).find(e=>e.active);if(!t||!t.variables)return i``;let s=t.variables.find(e=>e.identifier=="MAXSCORE")?.value,n=t.variables.find(e=>e.identifier=="SCORE")?.value;return this.disabled=!t.externalScored,s?i`
+          <form part="form">
+            ${[...Array(Number(s)+1).keys()].map(e=>{let a=`scoring-buttons${e}${t.identifier}`;return i` <input
+                  part="input"
+                  type="radio"
+                  ?disabled=${this.disabled}
+                  .checked=${e===Number(n)}
+                  @change=${()=>this._changeOutcomeScore(e)}
+                  id=${a}
+                  name=${`scoring-buttons-${t.identifier}`}
+                  value=${e}
+                />
+
+                <label part="label" for=${a}>${e}</label>`})}
+          </form>
+          <slot></slot>
+        `:l}};o([c({type:String,attribute:"view"})],r.prototype,"view",2),o([c({type:Boolean})],r.prototype,"disabled",2),o([m({context:u,subscribe:!0})],r.prototype,"computedContext",2),r=o([p("test-scoring-buttons")],r);export{r as a};

package/cdn/chunks/chunk-X7FRU3B6.js

@@ -0,0 +1,5 @@
+import{a as M}from"./chunk-I7QUAG4I.js";import{a as O,b as V}from"./chunk-CZDMOYYF.js";import{a as I,b as x}from"./chunk-QQR6POPY.js";import{g as L}from"./chunk-QIRSCGXH.js";import{a as S}from"./chunk-GWRXCQHZ.js";import{a as w,b as T}from"./chunk-5MY26RWE.js";import{a as b,b as n}from"./chunk-PT6SVREH.js";import{a as N,d as p,i as d}from"./chunk-SCPSWPAG.js";import{a as s}from"./chunk-IAP2CEE7.js";var A=(e=>(e.ITEM_NOT_FOUND="item-not-found",e.SECTION_NOT_FOUND="section-not-found",e.LOAD_ERROR="load-error",e.NETWORK_ERROR="network-error",e.TIMEOUT_ERROR="timeout-error",e))(A||{}),D=o=>{class u extends o{constructor(...t){super(...t);this.navigate="item";this.cacheTransform=!1;this.requestTimeout=3e4;this.showLoadingIndicators=!0;this._activeRequests=[];this._navigationInProgress=!1;this._lastError=null;this.addEventListener("qti-request-navigation",async({detail:e})=>{if(e?.id)try{this._navigationInProgress=!0,this._lastError=null,this._dispatchStatusEvent({loading:!0,type:e.type,id:e.id}),this._cancelActiveRequests(),e.type==="item"?await this._navigateToItem(e.id):e.type==="section"&&await this._navigateToSection(e.id)}catch(r){let c=this._normalizeError(r,e.type,e.id);this._lastError=c,this._dispatchErrorEvent(c),console.error(`Navigation error (${c.type}):`,c.message,c.details)}finally{this._navigationInProgress=!1,this._dispatchStatusEvent({loading:!1,type:e.type,id:e.id})}}),this.addEventListener("qti-assessment-test-connected",e=>{this._testElement=e.detail,this._initializeNavigation()})}_initializeNavigation(){let t;this.navigate==="section"&&(t=this._testElement.querySelector("qti-assessment-section")?.identifier),this.navigate==="item"&&(t=this.sessionContext.navItemId??this._testElement.querySelector("qti-assessment-item-ref")?.identifier),t&&this.dispatchEvent(new CustomEvent("qti-request-navigation",{detail:{type:this.navigate==="section"?"section":"item",id:t},bubbles:!0,composed:!0}))}async _navigateToItem(t){let e=this._testElement?.querySelector(`qti-assessment-item-ref[identifier="${t}"]`);if(!e)throw{type:"item-not-found",message:`Item with identifier "${t}" not found.`,itemId:t};await this._loadItems([t]);let r=e.closest("qti-test-part")?.identifier,c=e.closest("qti-assessment-section")?.identifier;this.sessionContext={...this.sessionContext,navPartId:r,navSectionId:c,navItemId:t,navItemLoading:!1}}async _navigateToSection(t){let e=this._testElement?.querySelector(`qti-assessment-section[identifier="${t}"]`);if(!e)throw{type:"section-not-found",message:`Section with identifier "${t}" not found.`,sectionId:t};let r=this._getSectionItemIds(t);await this._loadItems(r);let c=e.closest("qti-test-part")?.identifier;this.sessionContext={...this.sessionContext,navPartId:c,navSectionId:t,navItemId:null,navItemLoading:!1}}_normalizeError(t,e,r){return t&&t.type&&Object.values(A).includes(t.type)?t:t instanceof DOMException&&t.name==="AbortError"?{type:"network-error",message:"Navigation was cancelled because a new navigation was requested.",details:t}:t.name==="TimeoutError"||t.message&&t.message.includes("timeout")?{type:"timeout-error",message:"Request timed out. Please check your network connection.",details:t}:t instanceof TypeError&&t.message.includes("network")?{type:"network-error",message:"A network error occurred. Please check your connection.",details:t}:{type:"load-error",message:`Failed to load ${e}: ${r}`,details:t,itemId:e==="item"?r:void 0,sectionId:e==="section"?r:void 0}}_dispatchErrorEvent(t){this.dispatchEvent(new CustomEvent("qti-navigation-error",{detail:t,bubbles:!0,composed:!0}))}_dispatchStatusEvent(t){this.showLoadingIndicators&&this.dispatchEvent(new CustomEvent("qti-navigation-status",{detail:t,bubbles:!0,composed:!0}))}_cancelActiveRequests(){this._activeRequests.length>0&&(console.log(`Cancelling ${this._activeRequests.length} pending requests`),this._activeRequests.forEach(t=>{t&&t.readyState!==4&&t.abort()}),this._activeRequests=[])}async _loadItems(t){if(!this._testElement||t.length===0)return;let e=t.map(l=>this._testElement.querySelector(`qti-assessment-item-ref[identifier="${l}"]`)),r=e.reduce((l,v,a)=>(v||l.push(t[a]),l),[]);if(r.length>0)throw{type:"item-not-found",message:`One or more items not found: ${r.join(", ")}`,details:{missingItems:r}};this._clearLoadedItems(),this.sessionContext={...this.sessionContext,navItemLoading:!0};let c=e.map(async l=>{if(!l)return null;let v=new Promise((a,E)=>{setTimeout(()=>{E({name:"TimeoutError",message:`Request for item ${l.identifier} timed out after ${this.requestTimeout}ms`})},this.requestTimeout)});try{let{api:a,request:E}=S(this.cacheTransform).load(l.href);E instanceof XMLHttpRequest&&this._activeRequests.push(E);let B=await Promise.race([a,v]);return{itemRef:l,doc:B.htmlDoc(),request:E}}catch(a){if(a instanceof DOMException&&a.name==="AbortError"||a&&a.name==="TimeoutError")return console.log(`Request for item ${l.identifier} was ${a.name==="TimeoutError"?"timed out":"aborted"}`),null;throw a.itemId=l.identifier,a}});try{let v=(await Promise.all(c)).filter(a=>a!==null);if(v.forEach(({itemRef:a,doc:E})=>{a&&E&&(a.xmlDoc=E)}),this._activeRequests=[],requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent("qti-test-loaded",{detail:v.map(({itemRef:a})=>({identifier:a?.identifier,element:a})),bubbles:!0,composed:!0}))}),v.length===0&&t.length>0)throw{type:"load-error",message:"All item requests failed to load",details:{itemIds:t}};return v}catch(l){throw console.error("Error loading items:",l),l}}_getSectionItemIds(t){if(!this._testElement?.querySelector(`qti-assessment-section[identifier="${t}"]`))throw{type:"section-not-found",message:`Section with identifier "${t}" not found.`,sectionId:t};return Array.from(this._testElement.querySelectorAll(`qti-assessment-section[identifier="${t}"] > qti-assessment-item-ref`)).map(r=>r.identifier)}_clearLoadedItems(){let t=this._testElement?.querySelectorAll("qti-assessment-test qti-assessment-item-ref");Array.from(t||[]).forEach(e=>{e.xmlDoc=null})}retryNavigation(){if(this._lastError){let t=this._lastError.itemId?"item":"section",e=this._lastError.itemId||this._lastError.sectionId;e&&this.dispatchEvent(new CustomEvent("qti-request-navigation",{detail:{type:t,id:e},bubbles:!0,composed:!0}))}}}return s([n({type:String})],u.prototype,"navigate",2),s([n({type:Boolean,attribute:"cache-transform"})],u.prototype,"cacheTransform",2),s([n({type:Number})],u.prototype,"requestTimeout",2),s([n({type:Boolean})],u.prototype,"showLoadingIndicators",2),u};var P=o=>{class u extends o{constructor(...i){super(...i),this.sessionContext={...this.sessionContext,view:"candidate"},this.addEventListener("on-test-switch-view",t=>{this.sessionContext={...this.sessionContext,view:t.detail},this._updateElementView()}),this.addEventListener("qti-assessment-test-connected",()=>{this._updateElementView()}),this.addEventListener("qti-assessment-item-connected",t=>{this._updateElementView(),this._setCorrectResponseVisibility(t.detail)})}willUpdate(i){super.willUpdate(i),i.has("sessionContext")&&this._updateElementView()}_updateElementView(){if(this._testElement&&this._testElement){Array.from(this._testElement.querySelectorAll("[view]")).forEach(e=>{e.classList.toggle("show",e.getAttribute("view")===this.sessionContext.view)});let t=this._testElement.querySelector(`qti-assessment-item[identifier="${this.sessionContext.navItemId}"]`);t&&t.showCorrectResponse(this.sessionContext.view==="scorer")}}_setCorrectResponseVisibility(i){i.showCorrectResponse(this.sessionContext.view==="scorer")}}return u};var C=class extends d{constructor(){super();this.testContext=I;this.sessionContext=O;this._updateItemInTestContext=m=>{let i=m._context,t=i.identifier,e=i.variables,r=this.testContext.items.find(c=>c?.identifier===t);if(!r){console.warn(`Item IDs between assessment.xml and item.xml should match: ${t} is not found!`);return}r.variables?.length===1?this._updateItemVariablesInTestContext(t,e):m.variables=[...r.variables||[]]};this.addEventListener("qti-assessment-test-connected",m=>{if(this.testContext=I,this.sessionContext=O,this.testContext&&this.testContext.items.length>0)return;this._testElement=m.detail;let i=Array.from(this._testElement.querySelectorAll("qti-assessment-item-ref")).map(t=>({href:t.href,identifier:t.identifier,category:t.category,variables:[{identifier:"completionStatus",value:"not_attempted",type:"outcome"}]}));this.testContext={...this.testContext,items:i}}),this.addEventListener("qti-assessment-item-connected",m=>{let i=m.detail,t=i.closest("qti-assessment-item-ref")?.identifier;t&&(i.assessmentItemRefId=t),this._updateItemInTestContext(m.detail)}),this.addEventListener("qti-item-context-updated",m=>{this._updateItemVariablesInTestContext(m.detail.itemContext.identifier,m.detail.itemContext.variables)})}_updateItemVariablesInTestContext(m,i){this.testContext={...this.testContext,items:this.testContext.items.map(t=>t.identifier!==m?t:{...t,variables:i.map(e=>{let r=t.variables.find(c=>c.identifier===e.identifier);return r?{...r,...e}:e})})},this.dispatchEvent(new CustomEvent("qti-test-context-updated",{detail:this.testContext,bubbles:!1,composed:!1}))}};s([n({attribute:!1,type:Object}),w({context:x})],C.prototype,"testContext",2),s([n({attribute:!1,type:Object}),w({context:V})],C.prototype,"sessionContext",2);var k=o=>{class u extends o{constructor(...i){super(...i),this.addEventListener("qti-register-variable",t=>{this.testContext={...this.testContext,testOutcomeVariables:[...this.testContext.testOutcomeVariables||[],t.detail.variable]},t.stopPropagation()}),this.addEventListener("qti-set-outcome-value",t=>{let{outcomeIdentifier:e,value:r}=t.detail;this.updateOutcomeVariable(e,r),t.stopPropagation()})}outcomeProcessing(){let i=this.querySelector("qti-outcome-processing");return i?(i?.process(),!0):!1}updateOutcomeVariable(i,t){let e=this.getOutcome(i);if(!e){console.warn(`Can not set qti-outcome-identifier: ${i}, it is not available`);return}this.testContext={...this.testContext,testOutcomeVariables:this.testContext.testOutcomeVariables?.map(r=>r.identifier!==i?r:{...r,value:e.cardinality==="single"?t:[...r.value,t]})}}getOutcome(i){return this.getVariable(i)}getVariable(i){return this.testContext.testOutcomeVariables?.find(t=>t.identifier===i)||null}}return u};var _=class extends D(P(k(C))){async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-test-connected",{detail:this}))}render(){return p`<slot></slot>`}};_=s([b("qti-test")],_);var $={fromAttribute(o){return o==="true"},toAttribute(o){return o?"true":"false"}},g=class extends d{constructor(){super(...arguments);this.weigths=new Map}createRenderRoot(){return this}get assessmentItem(){return this.renderRoot?.querySelector("qti-assessment-item")}async connectedCallback(){super.connectedCallback();let m=this.getRootNode().host.closest("qti-test").querySelector("template[item-ref]");m&&(this.myTemplate=M(m)),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-item-ref-connected",{bubbles:!0,composed:!0,detail:{identifier:this.identifier,href:this.href,category:this.category}}))}render(){return this.myTemplate?this.myTemplate({xmlDoc:this.xmlDoc}):this.xmlDoc}};s([n({type:String})],g.prototype,"category",2),s([n({type:String})],g.prototype,"identifier",2),s([n({type:Boolean,converter:$})],g.prototype,"required",2),s([n({type:Boolean,converter:$})],g.prototype,"fixed",2),s([n({type:String})],g.prototype,"href",2),s([n({type:Object,attribute:!1})],g.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",g);var R={fromAttribute(o){return o==="true"},toAttribute(o){return o?"true":"false"}},f=class extends d{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-assessment-section-connected",{bubbles:!0,composed:!0}))}render(){return p`<slot name="qti-rubric-block"></slot><slot></slot>`}};s([n({type:String})],f.prototype,"identifier",2),s([n({type:String})],f.prototype,"required",2),s([n({type:Boolean,converter:R})],f.prototype,"fixed",2),s([n({type:String})],f.prototype,"title",2),s([n({type:Boolean,converter:R})],f.prototype,"visible",2),s([n({type:Boolean,converter:R,attribute:"keep-together"})],f.prototype,"keepTogether",2),s([T({context:x,subscribe:!0})],f.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",f);var y=class extends d{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-test-connected",{detail:this,bubbles:!0,composed:!0}))}render(){return p` <slot></slot>`}};s([n({type:String})],y.prototype,"identifier",2),s([n({type:String})],y.prototype,"title",2),s([T({context:x,subscribe:!0})],y.prototype,"_testContext",2),y=s([b("qti-assessment-test")],y);var h=class extends d{constructor(){super(...arguments);this.identifier="";this.title="";this.class="";this.NavigationMode="nonlinear";this.submissionMode="individual"}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-test-part-connected",{bubbles:!0,composed:!0}))}render(){return p` <slot></slot>`}};s([n({type:String})],h.prototype,"identifier",2),s([n({type:String})],h.prototype,"title",2),s([n({type:String})],h.prototype,"class",2),s([n({type:String,attribute:"navigation-mode"})],h.prototype,"NavigationMode",2),s([n({type:String,attribute:"submission-mode"})],h.prototype,"submissionMode",2),h=s([b("qti-test-part")],h);customElements.get("qti-test-part")||customElements.define("qti-test-part",h);var q=class extends L{render(){return p``}};q.styles=N`
+    :host {
+      color: gray;
+    }
+  `,q=s([b("qti-test-feedback")],q);export{_ as a,g as b,f as c,y as d,h as e,q as f};