@citolab/qti-components 7.3.0 → 7.3.2

package/cdn/chunks/chunk-GOXH3AYH.js

@@ -0,0 +1,5 @@
+import{a as M}from"./chunk-D4A6UBNV.js";import{a as R,b as L}from"./chunk-CZDMOYYF.js";import{a as w,b as x}from"./chunk-QQR6POPY.js";import{g as V}from"./chunk-7VGFTHNK.js";import{a as S}from"./chunk-ULI6NOVG.js";import{a as I,b as _}from"./chunk-7WJYJA45.js";import{a as b,b as r}from"./chunk-42P7F3FC.js";import{a as N,d,i as p}from"./chunk-65CZNGQC.js";import{a as i}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=m=>{class u extends m{constructor(...t){super(...t);this.navigate=null;this.cacheTransform=!1;this.requestTimeout=3e4;this.showLoadingIndicators=!0;this._activeRequests=[];this._navigationInProgress=!1;this._lastError=null;this._lastNavigationRequestId=null;this._targetNavigation=null;this.addEventListener("qti-request-navigation",async({detail:e})=>{if(!e?.id)return;let s=`nav_${Date.now()}_${Math.random()}`;this._lastNavigationRequestId=s;try{if(this._navigationInProgress=!0,this._lastError=null,this._dispatchStatusEvent({loading:!0,type:e.type,id:e.id}),this._cancelActiveRequests(),this._targetNavigation={type:e.type,id:e.id},e.type==="item"?await this._navigateToItem(e.id):e.type==="section"&&await this._navigateToSection(e.id),this._lastNavigationRequestId!==s){console.log("Navigation was superseded by a newer request");return}}catch(c){if(this._lastNavigationRequestId===s){let o=this._normalizeError(c,e.type,e.id);this._lastError=o,this._dispatchErrorEvent(o),console.error(`Navigation error (${o.type}):`,o.message,o.details)}}finally{this._lastNavigationRequestId===s&&(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.navItemRefId??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}))}navigateTo(t,e){e||(t==="section"&&(e=this._testElement?.querySelector("qti-assessment-section")?.identifier),t==="item"&&(e=this._testElement?.querySelector("qti-assessment-item-ref")?.identifier)),this.dispatchEvent(new CustomEvent("qti-request-navigation",{detail:{type:t,id:e},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};let s=e.closest("qti-test-part")?.identifier,c=e.closest("qti-assessment-section")?.identifier;this.sessionContext={...this.sessionContext,navPartId:s,navSectionId:c,navItemRefId:t,navItemLoading:!0};try{await this._loadItems([t])}finally{this.sessionContext={...this.sessionContext,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 s=e.closest("qti-test-part")?.identifier;this.sessionContext={...this.sessionContext,navPartId:s,navSectionId:t,navItemRefId:null,navItemLoading:!0};try{let c=this._getSectionItemIds(t);await this._loadItems(c)}finally{this.sessionContext={...this.sessionContext,navItemLoading:!1}}}_normalizeError(t,e,s){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}: ${s}`,details:t,itemId:e==="item"?s:void 0,sectionId:e==="section"?s: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.info(`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(o=>this._testElement.querySelector(`qti-assessment-item-ref[identifier="${o}"]`)),s=e.reduce((o,v,l)=>(v||o.push(t[l]),o),[]);if(s.length>0)throw{type:"item-not-found",message:`One or more items not found: ${s.join(", ")}`,details:{missingItems:s}};this._clearLoadedItems();let c=e.map(async o=>{if(!o)return null;let v=new Promise((l,E)=>{setTimeout(()=>{E({name:"TimeoutError",message:`Request for item ${o.identifier} timed out after ${this.requestTimeout}ms`})},this.requestTimeout)});try{let{promise:l,request:E}=S(this.cacheTransform).load(o.href);E instanceof XMLHttpRequest&&this._activeRequests.push(E);let B=await Promise.race([l,v]);return{itemRef:o,doc:B.htmlDoc(),request:E}}catch(l){if(l instanceof DOMException&&l.name==="AbortError"||l&&l.name==="TimeoutError")return console.log(`Request for item ${o.identifier} was ${l.name==="TimeoutError"?"timed out":"aborted"}`),null;throw l.itemId=o.identifier,l}});try{let v=(await Promise.all(c)).filter(l=>l!==null);if(v.forEach(({itemRef:l,doc:E})=>{l&&E&&(l.xmlDoc=E)}),this._activeRequests=[],requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent("qti-test-loaded",{detail:v.map(({itemRef:l})=>({identifier:l?.identifier,element:l})),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(o){throw console.error("Error loading items:",o),o}}_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(s=>s.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}))}else this._targetNavigation&&this.dispatchEvent(new CustomEvent("qti-request-navigation",{detail:this._targetNavigation,bubbles:!0,composed:!0}))}}return i([r({type:String})],u.prototype,"navigate",2),i([r({type:Boolean,attribute:"cache-transform"})],u.prototype,"cacheTransform",2),i([r({type:Number})],u.prototype,"requestTimeout",2),i([r({type:Boolean})],u.prototype,"showLoadingIndicators",2),u};var P=m=>{class u extends m{constructor(...n){super(...n),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(n){super.willUpdate(n),n.has("sessionContext")&&this._updateElementView()}_updateElementView(){if(this._testElement){Array.from(this._testElement.querySelectorAll("[view]")).forEach(s=>{s.classList.toggle("show",s.getAttribute("view")===this.sessionContext.view)});let e=this._testElement.querySelector(`qti-assessment-item-ref[identifier="${this.sessionContext.navItemRefId}"]`)?.assessmentItem;e&&e.showCorrectResponse(this.sessionContext.view==="scorer")}}_setCorrectResponseVisibility(n){n.showCorrectResponse(this.sessionContext.view==="scorer")}}return u};var q=class extends p{constructor(){super();this.testContext=w;this.sessionContext=R;this._updateItemInTestContext=a=>{let n=a._context,t=n.identifier,e=n.variables,s=this.testContext.items.find(c=>c?.identifier===t);if(!s){console.warn(`Item IDs between assessment.xml and item.xml should match: ${t} is not found!`);return}s.variables?.length===1?this._updateItemVariablesInTestContext(t,e):a.variables=[...s.variables||[]]};this.addEventListener("qti-assessment-test-connected",a=>{if(this.testContext=w,this.sessionContext=R,this.testContext&&this.testContext.items.length>0)return;this._testElement=a.detail;let n=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:n}}),this.addEventListener("qti-assessment-item-connected",a=>{let n=a.detail,t=n.closest("qti-assessment-item-ref")?.identifier;t&&(n.assessmentItemRefId=t),this._updateItemInTestContext(a.detail)}),this.addEventListener("qti-item-context-updated",a=>{this._updateItemVariablesInTestContext(a.detail.itemContext.identifier,a.detail.itemContext.variables)})}updateItemVariables(a,n){let t=this.testContext.items.find(s=>s.identifier===a);t&&(t.variables=t.variables.map(s=>{let c=n.find(o=>o.identifier===s.identifier);return c?{...s,...c}:s}));let e=this._testElement.querySelector(`qti-assessment-item-ref[identifier="${a}"]`);e&&e.assessmentItem&&e.assessmentItem&&(e.assessmentItem.variables=n)}_updateItemVariablesInTestContext(a,n){this.testContext={...this.testContext,items:this.testContext.items.map(t=>t.identifier!==a?t:{...t,variables:n.map(e=>{let s=t.variables.find(c=>c.identifier===e.identifier);return s?{...s,...e}:e})})},this.dispatchEvent(new CustomEvent("qti-test-context-updated",{detail:this.testContext,bubbles:!1,composed:!1}))}};i([r({attribute:!1,type:Object}),I({context:x})],q.prototype,"testContext",2),i([r({attribute:!1,type:Object}),I({context:L})],q.prototype,"sessionContext",2);var $=m=>{class u extends m{constructor(...n){super(...n),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:s}=t.detail;this.updateOutcomeVariable(e,s),t.stopPropagation()})}outcomeProcessing(){let n=this.querySelector("qti-outcome-processing");return n?(n?.process(),!0):!1}updateOutcomeVariable(n,t){let e=this.getOutcome(n);if(!e){console.warn(`Can not set qti-outcome-identifier: ${n}, it is not available`);return}this.testContext={...this.testContext,testOutcomeVariables:this.testContext.testOutcomeVariables?.map(s=>s.identifier!==n?s:{...s,value:e.cardinality==="single"?t:[...s.value,t]})}}getOutcome(n){return this.getVariable(n)}getVariable(n){return this.testContext.testOutcomeVariables?.find(t=>t.identifier===n)||null}}return u};var T=class extends D(P($(q))){async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-test-connected",{detail:this}))}render(){return d`<slot></slot>`}};T=i([b("qti-test")],T);var k={fromAttribute(m){return m==="true"},toAttribute(m){return m?"true":"false"}},g=class extends p{constructor(){super(...arguments);this.weigths=new Map}createRenderRoot(){return this}get assessmentItem(){return this.renderRoot?.querySelector("qti-assessment-item")}async connectedCallback(){super.connectedCallback();let a=this.getRootNode().host.closest("qti-test").querySelector("template[item-ref]");a&&(this.myTemplate=M(a)),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}};i([r({type:String})],g.prototype,"category",2),i([r({type:String})],g.prototype,"identifier",2),i([r({type:Boolean,converter:k})],g.prototype,"required",2),i([r({type:Boolean,converter:k})],g.prototype,"fixed",2),i([r({type:String})],g.prototype,"href",2),i([r({type:Object,attribute:!1})],g.prototype,"xmlDoc",2);customElements.get("qti-assessment-item-ref")||customElements.define("qti-assessment-item-ref",g);var O={fromAttribute(m){return m==="true"},toAttribute(m){return m?"true":"false"}},f=class extends p{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new Event("qti-assessment-section-connected",{bubbles:!0,composed:!0}))}render(){return d`<slot name="qti-rubric-block"></slot><slot></slot>`}};i([r({type:String})],f.prototype,"identifier",2),i([r({type:String})],f.prototype,"required",2),i([r({type:Boolean,converter:O})],f.prototype,"fixed",2),i([r({type:String})],f.prototype,"title",2),i([r({type:Boolean,converter:O})],f.prototype,"visible",2),i([r({type:Boolean,converter:O,attribute:"keep-together"})],f.prototype,"keepTogether",2),i([_({context:x,subscribe:!0})],f.prototype,"_testContext",2);customElements.get("qti-assessment-section")||customElements.define("qti-assessment-section",f);var y=class extends p{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.dispatchEvent(new CustomEvent("qti-assessment-test-connected",{detail:this,bubbles:!0,composed:!0}))}render(){return d` <slot></slot>`}};i([r({type:String})],y.prototype,"identifier",2),i([r({type:String})],y.prototype,"title",2),i([_({context:x,subscribe:!0})],y.prototype,"_testContext",2),y=i([b("qti-assessment-test")],y);var h=class extends p{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 d` <slot></slot>`}};i([r({type:String})],h.prototype,"identifier",2),i([r({type:String})],h.prototype,"title",2),i([r({type:String})],h.prototype,"class",2),i([r({type:String,attribute:"navigation-mode"})],h.prototype,"navigationMode",2),i([r({type:String,attribute:"submission-mode"})],h.prototype,"submissionMode",2),h=i([b("qti-test-part")],h);customElements.get("qti-test-part")||customElements.define("qti-test-part",h);var C=class extends V{render(){return d``}};C.styles=N`
+    :host {
+      color: gray;
+    }
+  `,C=i([b("qti-test-feedback")],C);export{T as a,g as b,f as c,y as d,h as e,C as f};