@citolab/qti-components 7.0.6 → 7.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,934 @@
1
+ import{a as H}from"./chunk-RXKI3AO4.js";import{a as q}from"./chunk-X2KBNXRO.js";import{a as ae,b as j,c as le,e as ce,f as W,g as $t,h as It,i as Be,j as Ot}from"./chunk-5BR5CJFH.js";import{a as Ue}from"./chunk-EHK76KRT.js";import{a as w}from"./chunk-XUJ7TXHW.js";import{a as Nt}from"./chunk-5FCXUJAG.js";import{a as E}from"./chunk-UJP4TGD3.js";import{a as m,b as d,c as C,d as Ye,e as Ht}from"./chunk-5GCSZ3CH.js";import{a as g,d as u,e as at,f as ne,g as R,i as v}from"./chunk-LZZB4VGC.js";import{a as Vt}from"./chunk-KWPDTFYH.js";import{a as L}from"./chunk-QQCGUVEV.js";import{a as Dt,b as D}from"./chunk-FRS2J3OS.js";import{a as n}from"./chunk-IAP2CEE7.js";var S=class extends v{constructor(){super();this.identifier="";this.adaptive="false";this.timeDependent=null;this._handleDisabledChange=(e,t)=>{this._interactionElements.forEach(r=>r.disabled=t)};this._handleReadonlyChange=(e,t)=>this._interactionElements.forEach(r=>r.readonly=t);this._context={identifier:this.getAttribute("identifier"),variables:Vt};this._initialContext={...this._context,variables:this._context.variables};this._feedbackElements=[];this._interactionElements=[];this.addEventListener("qti-register-variable",e=>{this._context={...this._context,variables:[...this._context.variables,e.detail.variable]},this._initialContext=this._context,e.stopPropagation()}),this.addEventListener("qti-register-feedback",e=>{e.stopPropagation();let t=e.detail;this._feedbackElements.push(t),(Number(this._context.variables.find(o=>o.identifier==="numAttempts")?.value)||0)>0&&t.checkShowFeedback(t.outcomeIdentifier)}),this.addEventListener("qti-register-interaction",e=>{e.stopPropagation(),this._interactionElements.push(e.detail.interactionElement)}),this.addEventListener("end-attempt",e=>{let{responseIdentifier:t,countAttempt:r}=e.detail;this.validate(),this.updateResponseVariable(t,"true"),this.processResponse(r)}),this.addEventListener("qti-set-outcome-value",e=>{let{outcomeIdentifier:t,value:r}=e.detail;this.updateOutcomeVariable(t,r),e.stopPropagation()}),this.addEventListener("qti-interaction-response",this.handleUpdateResponseVariable)}get variables(){return this._context.variables.map(e=>({identifier:e.identifier,value:e.value,type:e.type,...e.type==="outcome"&&e.identifier==="SCORE"?{externalScored:e.externalScored}:{}}))}set variables(e){if(!Array.isArray(e)||e.some(t=>!("identifier"in t))){console.warn("variables property should be an array of VariableDeclaration");return}this._context={...this._context,variables:this._context.variables.map(t=>{let r=e.find(o=>o.identifier===t.identifier);return r?{...t,...r}:t})},this._context.variables.forEach(t=>{if(t.type==="response"){let r=this._interactionElements.find(o=>o.responseIdentifier===t.identifier);r&&(r.value=t.value)}})}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this._emit("qti-assessment-item-connected",this)}set responses(e){if(e)for(let t of e){this.getResponse(t.responseIdentifier)&&this.updateResponseVariable(t.responseIdentifier,t.response);let o=this._interactionElements.find(a=>a.getAttribute("response-identifier")===t.responseIdentifier);o&&(o.value=t.response)}}render(){return u`<slot></slot>`}showCorrectResponse(e){let t=this._context.variables.filter(r=>"correctResponse"in r&&r.correctResponse).map(r=>({responseIdentifier:r.identifier,response:r.correctResponse||""}));for(let{responseIdentifier:r,response:o}of t){let a=this._interactionElements.find(i=>i.getAttribute("response-identifier")===r);a&&(a.correctResponse=e?o:"")}}processResponse(e=!0){this.validate();let t=this.querySelector("qti-response-processing");return!t||!t.process?!1:(t.process(),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus()),e&&this.updateOutcomeVariable("numAttempts",(+this._context.variables.find(r=>r.identifier==="numAttempts")?.value+1).toString()),this._emit("qti-response-processed"),!0)}resetResponses(){this._context=this._initialContext}getResponse(e){return this.getVariable(e)}getOutcome(e){return this.getVariable(e)}getVariable(e){return this._context.variables.find(t=>t.identifier===e)||null}handleUpdateResponseVariable(e){let{responseIdentifier:t,response:r}=e.detail;this.updateResponseVariable(t,r)}updateResponseVariable(e,t){this._context={...this._context,variables:this._context.variables.map(r=>r.identifier!==e?r:{...r,value:t})},this._emit("qti-interaction-changed",{item:this.identifier,responseIdentifier:e,response:Array.isArray(t)?[...t]:t}),this.adaptive==="false"&&this.updateOutcomeVariable("completionStatus",this._getCompletionStatus())}updateOutcomeVariable(e,t){let r=this.getOutcome(e);if(!r){console.warn(`Can not set qti-outcome-identifier: ${e}, it is not available`);return}this._context={...this._context,variables:this._context.variables.map(o=>o.identifier!==e?o:{...o,value:r.cardinality==="single"?t:[...o.value,t]})},this._feedbackElements.forEach(o=>o.checkShowFeedback(e)),this._emit("qti-outcome-changed",{item:this.identifier,outcomeIdentifier:e,value:this._context.variables.find(o=>o.identifier===e)?.value})}validate(){return this._interactionElements.every(e=>e.validate())?!0:this._interactionElements.some(e=>e.validate())?!1:null}_getCompletionStatus(){let e=this.validate();return e===!0?"completed":e===!1?"incomplete":"not_attempted"}_emit(e,t=null){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:t}))}};n([d({type:String})],S.prototype,"title",2),n([d({type:String})],S.prototype,"identifier",2),n([d({type:String})],S.prototype,"adaptive",2),n([d({type:String})],S.prototype,"timeDependent",2),n([d({type:Boolean})],S.prototype,"disabled",2),n([w("disabled",{waitUntilFirstUpdate:!0})],S.prototype,"_handleDisabledChange",2),n([d({type:Boolean})],S.prototype,"readonly",2),n([w("readonly",{waitUntilFirstUpdate:!0})],S.prototype,"_handleReadonlyChange",2),n([Dt({context:L})],S.prototype,"_context",2),S=n([m("qti-assessment-item")],S);var pe=class extends v{constructor(){super(...arguments);this.identifier="";this.href=""}async connectedCallback(){super.connectedCallback();let e=new Event("qti-assessment-stimulus-ref-connected",{cancelable:!0,bubbles:!0,composed:!0});if(this.dispatchEvent(e)){let o=this.closest("qti-assessment-item").querySelector(`[data-stimulus-idref=${this.identifier}]`);o?await this.updateStimulusRef(o):console.warn(`Stimulus with data-stimulus-idref ${this.identifier} not found`)}}async updateStimulusRef(e){let t=await Nt().load(this.href).then(r=>r.htmlDoc());if(t){let r=t.querySelectorAll("qti-stimulus-body, qti-stylesheet");e.innerHTML="",e.append(...r)}}};n([d({type:String})],pe.prototype,"identifier",2),n([d({type:String})],pe.prototype,"href",2),pe=n([m("qti-assessment-stimulus-ref")],pe);var Xe=class extends v{};Xe=n([m("qti-companion-materials-info")],Xe);var xe=class extends v{render(){return u`<slot @slotchange=${this.handleSlotChange}></slot>`}handleSlotChange(){let s=Array.from(this.firstElementChild?.childNodes??[]).find(e=>e.nodeType===Node.COMMENT_NODE);try{this.operatorFunction=new Function("context","fn","item",s?.textContent??"")}catch(e){console.error("custom-operator contains invalid javascript code",e)}}calculate(){let s={variable:t=>this._context?.variables.find(r=>r.identifier===t)?.value??"",correct:t=>this._context?.variables.find(r=>r.identifier===t)?.correctResponse??""},e={getVariable:t=>this._context?.variables.find(r=>r.identifier===t),updateOutcomeVariable:(t,r)=>{this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:t,value:r}}))},updateResponseVariable:(t,r)=>{this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:t,response:r}}))}};return this.operatorFunction(this._context,s,e)}};n([D({context:L,subscribe:!0}),C()],xe.prototype,"_context",2),xe=n([m("qti-custom-operator")],xe);var dr=()=>new Intl.NumberFormat().format(.1).replace(/\d/g,""),Ee=c=>{if(typeof c=="string")return c;let s=dr();return s==="."?c.toLocaleString():c.toString().replace(".","").replace(s,".")};function lt(c){return c==null}function Ce(c){return c.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}var _=class extends v{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-feedback",{bubbles:!0,composed:!0,detail:this}))}checkShowFeedback(s){let e=this._context.variables.find(r=>r.identifier===s)||null;if(this.outcomeIdentifier!==s||!e)return;let t=!1;Array.isArray(e.value)?t=e.value.includes(this.identifier):t=!lt(this.identifier)&&!lt(e?.value)&&this.identifier===e.value||!1,this.showFeedback(t)}showFeedback(s){this.showStatus=s&&this.showHide==="show"||!s&&this.showHide==="hide"?"on":"off"}};n([d({type:String,attribute:"show-hide"})],_.prototype,"showHide",2),n([d({type:String,attribute:"outcome-identifier"})],_.prototype,"outcomeIdentifier",2),n([d({type:String})],_.prototype,"identifier",2),n([d({type:String,attribute:!1})],_.prototype,"showStatus",2),n([D({context:L,subscribe:!0}),C()],_.prototype,"_context",2);var qe=class extends _{render(){return u` <slot part="feedback" class="feedback ${this.showStatus}"></slot> `}firstUpdated(s){this.checkShowFeedback(this.outcomeIdentifier)}};qe.styles=g`
2
+ :host {
3
+ display: block;
4
+ }
5
+ .on {
6
+ display: block;
7
+ }
8
+ .off {
9
+ display: none;
10
+ }
11
+ `,qe=n([m("qti-feedback-block")],qe);var Te=class extends _{constructor(){super(...arguments);this.render=()=>u` <slot part="feedback" class="${this.showStatus}"></slot> `}};Te.styles=g`
12
+ .on {
13
+ display: inline-block;
14
+ }
15
+ .off {
16
+ display: none;
17
+ }
18
+ `,Te=n([m("qti-feedback-inline")],Te);var Me=class extends _{render(){return u`
19
+ <dialog class="qti-dialog" part="feedback" ?open="${this.showStatus==="on"}">
20
+ <slot></slot>
21
+ <div style="margin-top: var(--qti-gap-size); text-align: center;">
22
+ <button class="button close-button" @click="${this.closeFeedback}"></button>
23
+ </div>
24
+ </dialog>
25
+ `}openFeedback(){let s=this.shadowRoot?.querySelector("dialog");s&&!s.open&&s.showModal()}closeFeedback(){let s=this.shadowRoot?.querySelector("dialog");s&&s.open&&(s.close(),this.showStatus="off")}firstUpdated(){this.showStatus==="on"&&this.openFeedback()}updated(s){s.has("showStatus")&&(this.showStatus==="on"?this.openFeedback():this.closeFeedback())}};Me.styles=g`
26
+ .qti-dialog {
27
+ background: var(--qti-bg);
28
+ border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color);
29
+ border-radius: var(--qti-border-radius);
30
+ padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
31
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
32
+ position: fixed;
33
+ top: 50%;
34
+ left: 50%;
35
+ transform: translate(-50%, -50%);
36
+ z-index: 1000;
37
+ width: auto;
38
+ max-width: 90%;
39
+ }
40
+
41
+ .button {
42
+ border-radius: var(--qti-border-radius);
43
+ padding: var(--qti-padding-vertical) var(--qti-padding-horizontal);
44
+ background-color: var(--qti-bg-active);
45
+ border: var(--qti-border-active);
46
+ cursor: pointer;
47
+ position: relative;
48
+ display: inline-block;
49
+ }
50
+
51
+ .button:hover {
52
+ background-color: var(--qti-hover-bg);
53
+ }
54
+
55
+ .button:disabled {
56
+ background-color: var(--qti-disabled-bg);
57
+ color: var(--qti-disabled-color);
58
+ cursor: not-allowed;
59
+ }
60
+
61
+ .button:focus {
62
+ outline: var(--qti-focus-border-width) solid var(--qti-focus-color);
63
+ }
64
+
65
+ /* Text content of the button */
66
+ .button::after {
67
+ content: var(--qti-close-text, 'Close');
68
+ color: inherit;
69
+ font-size: inherit;
70
+ text-align: center;
71
+ display: inline-block;
72
+ line-height: 1.5;
73
+ }
74
+ `,Me=n([m("qti-modal-feedback")],Me);var we=class extends v{connectedCallback(){super.connectedCallback(),this.dispatchEvent(new CustomEvent("qti-register-hotspot",{bubbles:!0,composed:!0,cancelable:!1}))}render(){return u` <slot name="drags"></slot> `}};we.styles=g`
75
+ :host {
76
+ display: flex;
77
+ user-select: none;
78
+ position: absolute;
79
+ }
80
+ `,we=n([m("qti-associable-hotspot")],we);var Pt=(c,s,e)=>{class t extends c{}return t};var V=(c,s,e,t)=>{class r extends Pt(c,e,s){constructor(){super(...arguments);this.observer=null;this.droppableObsever=null;this.resizeObserver=null;this.draggables=[];this.droppables=[];this.dragContainers=[];this.dragClone=null;this.dragSource=null;this.touchStartPoint=null;this.isDraggable=!1;this.cloneOffset={x:0,y:0};this.isDragging=!1;this.allDropzones=[];this.lastTarget=null;this.currentDropTarget=null;this.MIN_DRAG_DISTANCE=5;this.DRAG_CLONE_OPACITY=1;this.dataTransfer={data:{},setData(i,l){this.data[i]=l},getData(i){return this.data[i]},effectAllowed:"move"};this.configuration={copyStylesDragClone:!0,dragCanBePlacedBack:!0,dragOnClick:!1};this.minAssociations=1;this.maxAssociations=1;this.draggablesModified=(i,l)=>{for(let h of l)this.draggables.includes(h)&&(this.draggables=this.draggables.filter(f=>f!==h),h.removeAttribute("tabindex"),h.removeEventListener("touchstart",this.handleTouchStart.bind(this)),h.removeEventListener("mousedown",this.handleTouchStart.bind(this)));for(let h of i)this.draggables.includes(h)||(this.draggables.push(h),h.setAttribute("tabindex","0"),h.hasTouchStartListener||(h.addEventListener("touchstart",this.handleTouchStart.bind(this),{passive:!1}),h.addEventListener("mousedown",this.handleTouchStart.bind(this),{passive:!1}),h.hasTouchStartListener=!0));let p=0;this.draggables.forEach(h=>{h.style.viewTransitionName=`drag-${p}-${this.getAttribute("identifier")||crypto.randomUUID()}`,h.setAttribute("qti-draggable","true"),p++})};this.droppablesModified=(i,l)=>{for(let p of l)this.droppables.includes(p)&&(this.droppables=this.droppables.filter(h=>h!==p),this.allDropzones=this.allDropzones.filter(h=>h!==p));for(let p of i)this.droppables.includes(p)||(this.droppables.push(p),this.allDropzones.push(p));for(let p of this.droppables)this.dataset.choicesContainerWidth&&(p.style.width=`${this.dataset.choicesContainerWidth}px`,p.style.boxSizing="border-box")}}handleDraggableContainerChange(i,l){this.isMatchTabular()||(i.length>0||l.length>0)&&this.dragContainersModified(i||[],l||[])}dragContainersModified(i,l){for(let p of l)this.dragContainers.includes(p)&&(this.dragContainers=this.dragContainers.filter(h=>h!==p),this.allDropzones=this.allDropzones.filter(h=>h!==p));for(let p of i)this.dragContainers.includes(p)||(this.dragContainers.push(p),this.allDropzones.push(p))}handleDraggablesChange(i,l){this.isMatchTabular()||(i.length>0||l.length>0)&&this.draggablesModified(i||[],l||[])}handleDroppablesChange(i,l){this.isMatchTabular()||(i.length>0||l.length>0)&&this.droppablesModified(i||[],l||[])}firstUpdated(i){super.firstUpdated(i),this.hasAttribute("disabled")||(document.addEventListener("touchmove",this.handleTouchMove.bind(this),{passive:!1}),document.addEventListener("mousemove",this.handleTouchMove.bind(this),{passive:!1}),document.addEventListener("touchend",this.handleTouchEnd.bind(this),{passive:!1}),document.addEventListener("mouseup",this.handleTouchEnd.bind(this),{passive:!1}),document.addEventListener("touchcancel",this.handleTouchCancel.bind(this),{passive:!1}));let p=Array.from(this.querySelectorAll(s)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(s)||[])),h=Array.from(this.querySelectorAll(e)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(e)||[])),f=Array.from(this.querySelectorAll(t)||[]).concat(Array.from(this.shadowRoot?.querySelectorAll(t)||[]));this.dragContainersModified(f,[]),this.droppablesModified(h,[]),this.draggablesModified(p,[]),this.updateMinDimensionsForDropZones(),this.observer=new MutationObserver(()=>this.updateMinDimensionsForDropZones()),this.observer.observe(this,{childList:!0,subtree:!0}),this.resizeObserver=new ResizeObserver(()=>this.updateMinDimensionsForDropZones()),this.querySelectorAll("qti-gap-text").forEach(y=>this.resizeObserver?.observe(y))}async moveDraggableToDroppable(i,l){(()=>{i.style.transform="translate(0, 0)",l.tagName==="SLOT"?i.setAttribute("slot",l.getAttribute("name")):l.appendChild(i),this.checkAllMaxAssociations(),this.saveResponse()})()}activateDroppable(i){this.dragContainers.includes(i)?(this._internals.states.add("--dragzone-active"),i.setAttribute("active","")):(this._internals.states.delete("--dragzone-active"),i.setAttribute("active",""))}deactivateDroppable(i,l=!0){l&&this._internals.states.add("--dragzone-active"),i.removeAttribute("active")}connectedCallback(){super.connectedCallback()}isMatchTabular(){return this.classList.contains("qti-match-tabular")}updateMinDimensionsForDropZones(){let i=this.querySelectorAll(s),l=Array.from(this.querySelectorAll(e)).map(b=>b),p=0,h=0;i.forEach(b=>{let y=b.getBoundingClientRect();p=Math.max(p,y.height),h=Math.max(h,y.width)});let f=this.querySelector(t)||this.shadowRoot?.querySelector(t);f&&(f.style.minHeight=`${p}px`,f.style.minWidth=`${h}px`);for(let b of l)b.style.minHeight=`${p}px`,b.style.minWidth=`${h}px`}activateDroppables(i){this.dragContainers.forEach(p=>{p.setAttribute("enabled",""),p.hasAttribute("disabled")&&(p.contains(i)||p.shadowRoot&&p.shadowRoot.contains(i))&&p.removeAttribute("disabled")}),this.droppables.forEach(p=>{p.setAttribute("enabled",""),p.hasAttribute("disabled")&&(p.contains(i)||p.shadowRoot&&p.shadowRoot.contains(i))&&p.removeAttribute("disabled")})}activateDragLocation(){this._internals.states.add("--dragzone-enabled")}deactivateDragLocation(){this._internals.states.delete("--dragzone-enabled")}deactivateDroppables(){this.dragContainers.forEach(l=>{l.removeAttribute("enabled"),l.removeAttribute("active")}),this.droppables.forEach(l=>{l.removeAttribute("enabled"),l.removeAttribute("active")})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&(this.observer.disconnect(),this.observer=null),this.droppableObsever&&(this.droppableObsever.disconnect(),this.droppableObsever=null),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("mousemove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd),document.removeEventListener("mouseup",this.handleTouchEnd),document.removeEventListener("touchcancel",this.handleTouchCancel)}handleTouchMove(i){if(this.isDraggable&&this.dragClone){let{x:l,y:p}=this.getEventCoordinates(i),h={clientX:l,clientY:p};this.calculateDragDistance(h)>=this.MIN_DRAG_DISTANCE&&(this.isDragging=!0,this.updateDragClonePosition(h));let f=this.findClosestDropzone();this.currentDropTarget=f,f!==this.lastTarget&&(this.lastTarget&&(this.deactivateDroppable(this.lastTarget),this.dispatchCustomEvent(this.lastTarget,"dragleave")),f&&(this.activateDroppable(f),this.dispatchCustomEvent(f,"dragenter")),this.lastTarget=f),this.currentDropTarget&&this.dispatchCustomEvent(this.currentDropTarget,"dragover"),i.preventDefault()}}handleTouchEnd(i){this.isDragging&&this.resetDragState(),this._internals.states.delete("--dragzone-active"),this.checkAllMaxAssociations(),this._internals.states.delete("--dragzone-enabled"),this._internals.states.delete("--dragzone-active"),this.deactivateDragLocation(),this.deactivateDroppables(),this.draggables.forEach(l=>{l.removeAttribute("dragging")}),i.preventDefault()}handleTouchCancel(i){this.resetDragState()}validate(){if(!this.shadowRoot)return!1;let i=this.getValidAssociations(),l=!0,p="";this.maxAssociations>0&&i>this.maxAssociations?(l=!1,p=this.dataset.maxSelectionsMessage||`You've selected too many associations. Maximum allowed is ${this.maxAssociations}.`):this.minAssociations>0&&i<this.minAssociations&&(l=!1,p=this.dataset.minSelectionsMessage||`You haven't selected enough associations. Minimum required is ${this.minAssociations}.`);let h=this.lastElementChild;return this._internals.setValidity(l?{}:{customError:!0},p,h),this.reportValidity(),l}reportValidity(){let i=this.shadowRoot.querySelector("#validationMessage");return i&&(this._internals.validity.valid?(i.textContent="",i.style.display="none"):(i.textContent=this._internals.validationMessage,i.style.display="block")),this._internals.validity.valid}checkMaxAssociations(i){let l=this.getMatchMaxValue(i),p=i.querySelectorAll('[qti-draggable="true"]').length;return l===0||p>=l}dropDraggableInDroppable(i,l){let p=i.cloneNode(!0);p.removeAttribute("style"),this.moveDraggableToDroppable(p,l),this.draggablesModified([p],[]);let h=this.getMatchMaxValue(i),f=this.draggables.filter(b=>b.getAttribute("identifier")===i.getAttribute("identifier"));h!==0&&f.length>=h?(i.style.opacity="0.0",i.style.pointerEvents="none"):i.style.opacity="1.0"}resetDragState(){if(this.dragClone){let i=this.currentDropTarget!==null,l=!i||this.dragContainers.includes(this.currentDropTarget);i&&this.currentDropTarget&&!l&&this.dropDraggableInDroppable(this.dragSource,this.currentDropTarget),l&&(this.dragSource.style.opacity="1.0",this.dragSource.style.display="block",this.dragSource.style.position="static",this.dragSource.style.pointerEvents="auto",this.saveResponse()),this.dragClone.remove(),this.draggablesModified([],[this.dragClone])}this.isDragging=!1,this.isDraggable=!1,this.dragSource=null,this.dragClone=null,this.touchStartPoint=null,this.currentDropTarget=null,this.lastTarget=null,this.deactivateDroppables()}checkAllMaxAssociations(){this.droppables.forEach(i=>{this.checkMaxAssociations(i)?this.disableDroppable(i):this.enableDroppable(i)})}getMatchMaxValue(i){let l=i.getAttribute("match-max");return l?parseInt(l,10):1}disableDroppable(i){i.setAttribute("disabled","")}enableDroppable(i){i.removeAttribute("disabled")}get value(){return this.collectResponseData()}set value(i){if(!this.isMatchTabular())if(Array.isArray(i)){this.reset(),i?.forEach(p=>this.placeResponse(p));let l=new FormData;i.forEach(p=>{l.append(this.responseIdentifier,p)}),this._internals.setFormValue(l)}else this._internals.setFormValue(i||"")}placeResponse(i){let[l,...p]=i.split(" ").reverse(),h=Array.from(this.draggables),f=Array.from(this.droppables);p.forEach(b=>{let y=h.find(x=>x.getAttribute("identifier")===b),T=f.find(x=>x.getAttribute("identifier")===l);this.dropDraggableInDroppable(y,T)})}getValidAssociations(){return this.droppables.filter(i=>i.childElementCount>0).length}saveResponse(){let i=this.collectResponseData();this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,response:i}}))}collectResponseData(){return this.droppables.map(l=>{let h=this.getDraggablesFromDroppable(l).map(b=>b.getAttribute("identifier")),f=l.getAttribute("identifier");return h.map(b=>`${b} ${f}`)}).flat()}getDraggablesFromDroppable(i){return this.draggables.map(h=>h.getAttribute("identifier")).filter((h,f,b)=>b.indexOf(h)===f).flatMap(h=>Array.from(i.querySelectorAll(`[identifier='${h}']`))).filter(h=>!!h).map(h=>h)}reset(i=!1){this.droppables.forEach(l=>{this.getDraggablesFromDroppable(l).forEach(h=>{h.remove(),this.draggablesModified([],[h])})}),this.dragContainers.forEach(l=>{Array.from(l.querySelectorAll('[qti-draggable="true"]')).forEach(h=>{h.style.opacity="1.0"})}),this.dragClone=null,this.dragSource=null,this.isDragging=!1,this.isDraggable=!1,this.currentDropTarget=null,this.lastTarget=null,i&&this.saveResponse()}updateDragClonePosition(i){if(!this.isDragging||!this.dragClone)return;let l=i.clientX-this.cloneOffset.x,p=i.clientY-this.cloneOffset.y,{newLeft:h,newTop:f}=this.applyInteractionBoundaries(l,p,this.dragClone);this.dragClone.style.left=`${h}px`,this.dragClone.style.top=`${f}px`}applyInteractionBoundaries(i,l,p){let h=this.getBoundingClientRect(),f=p.getBoundingClientRect(),b=f.width,y=f.height,T=Math.max(h.left,Math.min(i,h.right-b)),x=Math.max(h.top,Math.min(l,h.bottom-y));return{newLeft:T,newTop:x}}getEventCoordinates(i,l=!1){let p=i.touches?i.touches[0]:i;return{x:l?p.pageX:p.clientX,y:l?p.pageY:p.clientY}}calculateDragDistance(i){let l=Math.abs(i.clientX-this.touchStartPoint.x),p=Math.abs(i.clientY-this.touchStartPoint.y);return l+p}findClosestDropzone(){let i=this.allDropzones.filter(f=>!f.hasAttribute("disabled"));if(!this.dragClone||i.length===0)return null;let l=this.dragClone.getBoundingClientRect(),p=null,h=0;for(let f of i){let b=f.getBoundingClientRect(),y=this.calculateOverlapArea(l,b);y>h&&(h=y,p=f)}if(!p){let f=200;for(let b of i){let y=b.getBoundingClientRect(),T=Math.sqrt(Math.pow(l.left-y.left,2)+Math.pow(l.top-y.top,2));T<f&&(f=T,p=b)}}return p}calculateOverlapArea(i,l){let p=Math.max(0,Math.min(i.right,l.right)-Math.max(i.left,l.left)),h=Math.max(0,Math.min(i.bottom,l.bottom)-Math.max(i.top,l.top));return p*h}dispatchCustomEvent(i,l,p=!0){if(!i)return;let h=new CustomEvent(l,{bubbles:p,cancelable:!0});h.dataTransfer=this.dataTransfer,i.dispatchEvent(h)}appendClone(){document.body.appendChild(this.dragClone)}handleTouchStart(i){if(this.isDragging)return;let{x:l,y:p}=this.getEventCoordinates(i);this.touchStartPoint={x:l,y:p},this.dragSource=i.currentTarget,this.isDraggable=!0,this._internals.states.add("--dragzone-enabled"),this._internals.states.add("--dragzone-active"),this.activateDragLocation(),this.activateDroppables(this.dragSource);let h=this.findDraggableInDraggableContainer(this.dragSource.getAttribute("identifier")),f=this.droppables.some(M=>Array.from(M.children).some(oe=>oe===this.dragSource)),b=this.dragSource.getBoundingClientRect();f&&(this.dragSource.remove(),this.draggablesModified([],[this.dragSource]),this.dragSource=h),this.cloneOffset.x=l-b.left,this.cloneOffset.y=p-b.top,this.dragClone=h.cloneNode(!0);let y=window.getComputedStyle(h);for(let M=0;M<y.length;M++){let oe=y[M];this.dragClone.style.setProperty(oe,y.getPropertyValue(oe))}let T=h.getBoundingClientRect();this.dragClone.style.width=`${T.width}px`,this.dragClone.style.height=`${T.height}px`,b&&this.setDragCloneStyles(b),this.dragClone.style.display="block",this.dragClone.style.opacity="1",this.appendClone();let x=this.getMatchMaxValue(this.dragSource),ie=this.draggables.filter(M=>M.getAttribute("identifier")===this.dragSource.getAttribute("identifier"));x!==0&&ie.length>=x?(h.style.opacity="0.0",h.style.pointerEvents="none"):h.style.opacity="1.0",i.preventDefault(),this.dragClone.setAttribute("dragging","")}findParentInteractionElement(i){let l=i.parentElement;for(;l&&!l.tagName?.toLowerCase().endsWith("-interaction");)l=l.parentElement;return l}findDraggableInDraggableContainer(i){let l=this.dragContainers.flat();for(let p of l){if(p.getAttribute("identifier")===i)return p;let h;p instanceof HTMLSlotElement?h=Array.from(p?.assignedElements()||[]):h=Array.from(p.querySelectorAll(s));let f=h.find(b=>b.getAttribute("identifier")===i);if(f)return f}}setDragCloneStyles(i){this.dragClone.style.position="fixed",this.dragClone.style.top=`${i.top}px`,this.dragClone.style.left=`${i.left}px`,this.dragClone.style.setProperty("box-sizing","border-box","important"),this.dragClone.style.zIndex="9999",this.dragClone.style.pointerEvents="none",this.dragClone.style.opacity=this.DRAG_CLONE_OPACITY.toString(),this.dragClone.style.display="block"}}return n([d({attribute:!1,type:Object})],r.prototype,"configuration",2),n([d({type:Number,reflect:!0,attribute:"min-associations"})],r.prototype,"minAssociations",2),n([d({type:Number,reflect:!0,attribute:"max-associations"})],r.prototype,"maxAssociations",2),n([Ue(t)],r.prototype,"handleDraggableContainerChange",1),n([Ue(s)],r.prototype,"handleDraggablesChange",1),n([Ue(e)],r.prototype,"handleDroppablesChange",1),r};var Ft=g`
81
+ :host {
82
+ display: block; /* necessary to calculate scaling position */
83
+ }
84
+ slot[name='qti-simple-associable-choice'] {
85
+ display: flex;
86
+ align-items: flex-start;
87
+ flex: 1;
88
+ border: 2px solid transparent;
89
+ padding: 0.3rem;
90
+ border-radius: 0.3rem;
91
+ gap: 0.5rem;
92
+ }
93
+
94
+ :host::part(associables-container) {
95
+ display: flex;
96
+ padding: 0.5rem;
97
+ justify-content: space-between;
98
+ background: linear-gradient(
99
+ 180deg,
100
+ rgb(0 0 0 / 0%) calc(50% - 1px),
101
+ var(--qti-border-color-gray) calc(50%),
102
+ rgb(0 0 0 / 0%) calc(50% + 1px)
103
+ );
104
+ }
105
+ `;var de=class extends V(E,"qti-simple-associable-choice",".dl","slot[name='qti-simple-associable-choice']"){constructor(){super();this._childrenMap=[];this._registerChoiceHandler=this._registerChoice.bind(this),this.addEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}_registerChoice(e){let t=e.target;this._childrenMap.push(t)}render(){return u` <slot name="prompt"></slot>
106
+ <slot name="qti-simple-associable-choice"></slot>
107
+ <div part="drop-container">
108
+ ${this._childrenMap.length>0&&Array.from(Array(Math.ceil(this._childrenMap.length/2)).keys()).map((e,t)=>u`<div part="associables-container">
109
+ <div name="left${t}" part="drop-list" class="dl" identifier="droplist${t}_left"></div>
110
+ <div name="right${t}" part="drop-list" class="dl" identifier="droplist${t}_right"></div>
111
+ </div>`)}
112
+
113
+ <div role="alert" id="validationMessage"></div>
114
+ </div>`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("register-qti-simple-associable-choice",this._registerChoiceHandler)}};de.styles=Ft,n([C()],de.prototype,"_childrenMap",2),de=n([m("qti-associate-interaction")],de);var K=(c,s)=>{class e extends c{constructor(){super(...arguments);this._choiceElements=[];this.minChoices=0;this.maxChoices=1;this._handleDisabledChange=(o,a)=>{this._choiceElements.forEach(i=>i.disabled=a)};this._handleReadonlyChange=(o,a)=>{this._choiceElements.forEach(i=>i.readonly=a)};this._value=""}_handleMaxChoicesChange(o,a){this._determineInputType()}get value(){return Array.isArray(this._value)&&this._value.length===0||this._value===""?null:Array.isArray(this._value)?this._value.join(","):this._value}set value(o){if(this.maxChoices>1&&(typeof o=="string"||o===null)?this._value=o?o.toString().split(","):[]:this._value=o||"",Array.isArray(this._value)){let a=new FormData;this._value.forEach(i=>{a.append(this.responseIdentifier,i)}),this._internals.setFormValue(a)}else this._internals.setFormValue(this._value);this._updateChoiceSelection()}get correctResponse(){return this._correctResponse}set correctResponse(o){this._correctResponse=o;let a=Array.isArray(o)?o:[o];this._choiceElements.forEach(i=>{i.internals.states.delete("correct-response"),i.internals.states.delete("incorrect-response"),a.length>0&&(a.includes(i.identifier)?i.internals.states.add("correct-response"):i.internals.states.add("incorrect-response"))})}connectedCallback(){super.connectedCallback(),this.addEventListener(`register-${s}`,this._registerChoiceElement),this.addEventListener(`unregister-${s}`,this._unregisterChoiceElement),this.addEventListener(`activate-${s}`,this._choiceElementSelectedHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`register-${s}`,this._registerChoiceElement),this.removeEventListener(`unregister-${s}`,this._unregisterChoiceElement),this.removeEventListener(`activate-${s}`,this._choiceElementSelectedHandler)}validate(){let o=this._choiceElements.filter(p=>this._getChoiceChecked(p)),a=o.length,i=!0,l="";return this.maxChoices!==0&&a>this.maxChoices?(i=!1,l=this.dataset.maxSelectionsMessage||`You can select at most ${this.maxChoices} choices.`):a<this.minChoices&&(i=!1,l=this.dataset.minSelectionsMessage||`You must select at least ${this.minChoices} choices.`),o.length>0&&this._internals.setValidity(i?{}:{customError:!0},l,o[a-1]||this._choiceElements[0]||this),this.reportValidity(),i}reportValidity(){return this._validationMessageElement&&(this._internals.validity.valid?(this._validationMessageElement.textContent="",this._validationMessageElement.style.display="none"):(this._validationMessageElement.textContent=this._internals.validationMessage,this._validationMessageElement.style.display="block")),this._internals.validity.valid}_registerChoiceElement(o){o.stopPropagation();let a=o.target;a.disabled=this.disabled,this._choiceElements.push(a),this._setInputType(a)}_unregisterChoiceElement(o){o.stopPropagation();let a=o.target;this._choiceElements=this._choiceElements.filter(i=>i!==a)}_determineInputType(){this._choiceElements.forEach(o=>{this._setInputType(o)})}_setInputType(o){this._internals.ariaLabel=this.maxChoices===1?"radio-group":"checkbox-group";let a=this.maxChoices===1?"radio":"checkbox";o.internals.role=a,o.internals.states.delete(a==="radio"?"checkbox":"radio"),o.internals.states.add(a)}_choiceElementSelectedHandler(o){this._toggleChoiceChecked(o.target),this.maxChoices===1&&this._choiceElements.forEach(a=>{a.identifier!==o.detail.identifier&&this._setChoiceChecked(a,!1)}),this._handleChoiceSelection()}_setChoiceChecked(o,a){o.internals?.states&&(a?(o.internals.states.add("--checked"),o.internals.ariaChecked="true"):(o.internals.states.delete("--checked"),o.internals.ariaChecked="false"))}_getChoiceChecked(o){return o.internals.states.has("--checked")}_toggleChoiceChecked(o){let a=this._getChoiceChecked(o);this._setChoiceChecked(o,!a)}_handleChoiceSelection(){let a=this._choiceElements.filter(i=>this._getChoiceChecked(i)).map(i=>i.identifier);this.value=this.maxChoices===1?a[0]||"":a,this.validate(),this.saveResponse(this._value)}_updateChoiceSelection(){let o=Array.isArray(this._value)?this._value:[this._value];this._choiceElements.forEach(a=>{let i=o.includes(a.identifier);this._setChoiceChecked(a,i)})}}return n([Ye("#validationMessage")],e.prototype,"_validationMessageElement",2),n([d({type:Number,attribute:"min-choices"})],e.prototype,"minChoices",2),n([d({type:Number,attribute:"max-choices"})],e.prototype,"maxChoices",2),n([w("maxChoices",{waitUntilFirstUpdate:!0})],e.prototype,"_handleMaxChoicesChange",1),n([w("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"_handleDisabledChange",2),n([w("readonly",{waitUntilFirstUpdate:!0})],e.prototype,"_handleReadonlyChange",2),e};var je=(c,s)=>{class e extends c{constructor(){super(...arguments);this.shuffle="false"}connectedCallback(){super.connectedCallback(),this._applyShuffle()}updated(o){o.has("shuffle")&&this._applyShuffle()}_applyShuffle(){this.shuffle==="true"?this._shuffleChoices():this._resetShuffleChoices()}_shuffleChoices(){let o=Array.from(this.querySelectorAll(s)),a=o.filter(b=>b.hasAttribute("fixed")),i=o.filter(b=>!b.hasAttribute("fixed"));if(i.length<=1){console.warn("Shuffling is not possible with fewer than 2 non-fixed elements.");return}let l=[...i],p=!1,h=0;for(;!p&&h<10;){h++;for(let b=i.length-1;b>0;b--){let y=Math.floor(Math.random()*(b+1));[i[b],i[y]]=[i[y],i[b]]}p=!i.every((b,y)=>b===l[y])}p||console.warn("Failed to shuffle the choices after multiple attempts.");let f=1;[...a,...i].forEach(b=>{b.style.setProperty("order",String(f++))})}_resetShuffleChoices(){this.querySelectorAll(s).forEach(o=>{o.style.setProperty("order","initial")})}}return n([d({type:String,reflect:!0})],e.prototype,"shuffle",2),e};var zt=(c,s)=>{class e extends c{constructor(){super(...arguments);this._classes=[];this._allLabels=["qti-labels-decimal","qti-labels-lower-alpha","qti-labels-upper-alpha"];this._allLabelSuffixes=["qti-labels-suffix-period","qti-labels-suffix-parenthesis"]}set class(o){o&&(this._classes=o.split(" "),this._addLabels())}get class(){return this._classes?.join(" ")||""}updated(o){super.updated(o),o.has("shuffle")&&this._addLabels()}_addLabels(){let o=this._classes.some(i=>this._allLabels.includes(i)||this._allLabelSuffixes.includes(i)),a=i=>!isNaN(+i);if(o){let l=Array.from(this.querySelectorAll("qti-simple-choice")).map(p=>p).map((p,h)=>({el:p,order:a(p.style.order)?+p.style.order:h+1})).sort((p,h)=>p.order-h.order).map(p=>p.el);for(let p=0;p<l.length;p++)l[p].marker=this._getLabel(p+1)}}_getLabel(o){let a=this._classes.filter(p=>this._allLabels.includes(p)).pop(),i=this._classes.filter(p=>this._allLabelSuffixes.includes(p)).pop();!a&&i&&(a="qti-labels-upper-alpha");let l="";switch(a){case"qti-labels-decimal":l=`${o}`;break;case"qti-labels-lower-alpha":l=`${String.fromCharCode(97+o-1)}`;break;case"qti-labels-upper-alpha":l=`${String.fromCharCode(65+o-1)}`;break}return i==="qti-labels-suffix-period"?l+=".":i==="qti-labels-suffix-parenthesis"&&(l+=")"),l}}return n([d({type:String,reflect:!0})],e.prototype,"class",1),e};var Yt=g`
115
+ [part='slot'] {
116
+ display: flex;
117
+ flex-direction: column;
118
+ gap: var(--qti-gap-size);
119
+ flex-wrap: wrap;
120
+ }
121
+
122
+ ::slotted(qti-simple-choice) {
123
+ flex: 0 0
124
+ calc((100% - (var(--qti-gap-size) * var(--choice-interactions-stacking))) / var(--choice-interactions-stacking)) !important;
125
+ box-sizing: border-box !important;
126
+ }
127
+
128
+ :host(.qti-choices-stacking-1) [part='slot'] {
129
+ flex-direction: row;
130
+ --choice-interactions-stacking: 1;
131
+ }
132
+
133
+ :host(.qti-choices-stacking-2) [part='slot'] {
134
+ flex-direction: row;
135
+ --choice-interactions-stacking: 2;
136
+ }
137
+ :host(.qti-choices-stacking-3) [part='slot'] {
138
+ flex-direction: row;
139
+ --choice-interactions-stacking: 3;
140
+ }
141
+ :host(.qti-choices-stacking-4) [part='slot'] {
142
+ flex-direction: row;
143
+ --choice-interactions-stacking: 4;
144
+ }
145
+ :host(.qti-choices-stacking-5) [part='slot'] {
146
+ flex-direction: row;
147
+ --choice-interactions-stacking: 5;
148
+ }
149
+ :host([orientation='horizontal']) [part='slot'] {
150
+ flex-direction: row;
151
+ }
152
+ `;var ue=class extends zt(je(K(E,"qti-simple-choice"),"qti-simple-choice"),"qti-simple-choice"){constructor(){super(),this._internals.role="group"}render(){return u`
153
+ <slot part="prompt" name="prompt"></slot><slot part="slot"></slot>
154
+ <div part="message" role="alert" id="validationMessage"></div>
155
+ `}};ue.styles=Yt,n([d({type:String})],ue.prototype,"orientation",2),ue=n([m("qti-choice-interaction")],ue);var z=class extends E{constructor(){super();this._errorMessage=null;this.handlePostMessage=this.handlePostMessage.bind(this)}connectedCallback(){super.connectedCallback();let e=this.data.startsWith("http")?this.data:Ce(this.baseItemUrl+"/"+this.data);fetch(e).then(t=>t.json()).then(t=>{this.manifest=t,this.setupCES()}).catch(t=>{this._errorMessage=t})}setupCES(){let e=this.shadowRoot.querySelector("#pciContainer"),t=e.contentDocument;window.addEventListener("message",this.handlePostMessage),t.open(),t.write(`
156
+ <html>
157
+ <head>
158
+ <link href='${Ce(`${this.baseRefUrl}/${this.manifest.style[0]}`)}' rel="stylesheet" />
159
+ <script src='${Ce(`${this.baseRefUrl}/${this.manifest.script[0]}`)}'></script>
160
+ </head>
161
+ <body></body>
162
+ </html>
163
+ `),t.close()}getIFrames(){let e=this.shadowRoot.querySelectorAll("iframe"),t=this.querySelectorAll("iframe"),r=[...e,...t];for(let o of r){let a=o.src;if(new URL(a,window.location.href).origin===window.location.origin)try{let l=o.contentDocument||o.contentWindow.document;l&&this.getInnerIFrames(l,r)}catch(l){console.error("Error accessing nested iframe:",l)}}return r.forEach((o,a)=>{r.indexOf(o)!==a&&r.splice(a,1)}),r}getInnerIFrames(e,t=[]){return e.querySelectorAll("iframe").forEach(o=>{t.push(o);let a=o.src;if(new URL(a,window.location.href).origin===window.location.origin)try{let l=o.contentDocument||o.contentWindow.document;this.getInnerIFrames(l,t)}catch(l){console.error("Error accessing nested iframe:",l)}else console.warn("Skipped cross-origin iframe:",a)}),t}postToWindowAndIframes(e,t){window.postMessage({type:e,data:t},"*");let r=this.getIFrames();for(let o of r)o.contentWindow&&o.contentWindow.postMessage({type:e,data:t},"*")}handlePostMessage(e){let{type:t,data:r}=e.data;switch(t){case"setResponse":this.rawResponse=r,this.saveResponse(r);break;case"getResponse":{this.postToWindowAndIframes("responseData",this.rawResponse);break}case"getMedia":{let o=this.manifest.media.map(a=>a.startsWith("http")?a:Ce(this.baseRefUrl+"/"+a));this.postToWindowAndIframes("mediaData",o);break}case"setStageHeight":console.log("setStageHeight not implemented");break}}validate(){return this.rawResponse!==""}get value(){return this.rawResponse}set value(e){if(typeof e=="string")this.rawResponse=e,this.saveResponse(e);else throw new Error("Value must be a string")}disconnectedCallback(){window.removeEventListener("message",this.handlePostMessage),super.disconnectedCallback()}render(){return u`<iframe
164
+ width=${this.getAttribute("width")}
165
+ height=${this.getAttribute("height")}
166
+ frameborder="0"
167
+ title="pciContainer"
168
+ id="pciContainer"
169
+ >
170
+ </iframe>
171
+ ${this._errorMessage&&u`<div style="color:red">
172
+ <h1>Error</h1>
173
+ ${this._errorMessage}
174
+ </div>`}`}};n([d({type:String,attribute:"data"})],z.prototype,"data",2),n([d({type:String,attribute:"data-base-item"})],z.prototype,"baseItemUrl",2),n([d({type:String,attribute:"data-base-ref"})],z.prototype,"baseRefUrl",2),n([d({type:String,attribute:"id"})],z.prototype,"id",2),n([C()],z.prototype,"_errorMessage",2),z=n([m("qti-custom-interaction")],z);var J=class extends v{constructor(){super(...arguments);this.disabled=!1;this.countAttempt=null;this.title="end attempt"}render(){return u`<button ?disabled=${this.disabled} part="button" @click=${this.endAttempt}>${this.title}</button>`}endAttempt(e){this.dispatchEvent(new CustomEvent("end-attempt",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,countAttempt:this.countAttempt==="true"}}))}};n([d({type:String,attribute:"response-identifier"})],J.prototype,"responseIdentifier",2),n([d({reflect:!0,type:Boolean})],J.prototype,"disabled",2),n([d({type:String,attribute:"count-attempt"})],J.prototype,"countAttempt",2),n([d({type:String})],J.prototype,"title",2),J=n([m("qti-end-attempt-interaction")],J);var Z=c=>c??R;var Ut=g`
175
+ /* PK: display host as block, else design will be collapsed */
176
+ :host {
177
+ display: block;
178
+ }
179
+ textarea {
180
+ box-sizing: border-box;
181
+ width: 100%;
182
+ height: 100%;
183
+ border: 0;
184
+ }
185
+ `;var k=class extends E{constructor(){super(...arguments);this._rows=5;this._value=""}handleclassNamesChange(e,t){let r=t.split(" "),o=!1;if(r.forEach(a=>{if(a.startsWith("qti-height-lines-")){let i=a.replace("qti-height-lines-","");this._rows=parseInt(i),o=!0}}),!o&&this.expectedLength){let a=Math.ceil(this.expectedLength/50);this._rows=a}}get value(){return this._value||null}set value(e){if(typeof e=="string"||e===null){this._value=e||"";let t=new FormData;t.append(this.responseIdentifier,this._value),this._internals.setFormValue(t),this.validate()}else throw new Error("Value must be a string")}validate(){let e=this.shadowRoot.querySelector("textarea");if(!e)return!1;if(this.patternMask&&this.dataPatternmaskMessage){this._internals.setValidity({}),e.setCustomValidity("");let t=this.patternMask.startsWith("^")&&this.patternMask.endsWith("$")?this.patternMask:`^${this.patternMask}$`,r=new RegExp(t);e.checkValidity()&&r.test(e.value)||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),e.setCustomValidity(this.dataPatternmaskMessage))}else{let t=e.checkValidity();this._internals.setValidity(t?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}reportValidity(){let e=this.shadowRoot.querySelector("textarea");if(!e)return!1;let t=this.validate();return t||e.reportValidity(),t}render(){return u`<slot name="prompt"></slot
186
+ ><textarea
187
+ part="textarea"
188
+ name="${this.responseIdentifier}"
189
+ spellcheck="false"
190
+ autocomplete="off"
191
+ maxlength="${5e3}"
192
+ @keydown="${e=>e.stopImmediatePropagation()}"
193
+ @keyup="${this.textChanged}"
194
+ @change="${this.textChanged}"
195
+ @blur="${e=>{this.reportValidity()}}"
196
+ placeholder="${Z(this.placeholderText?this.placeholderText:void 0)}"
197
+ rows="${this._rows}"
198
+ ?disabled="${this.disabled}"
199
+ ?readonly="${this.readonly}"
200
+ .value=${this._value}
201
+ ></textarea>`}textChanged(e){if(this.disabled||this.readonly)return;let t=e.target;this.setEmptyAttribute(t.value),this._value!==t.value&&(this.value=t.value,this.saveResponse(t.value))}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};k.styles=Ut,n([C()],k.prototype,"_rows",2),n([d({type:Number,attribute:"expected-length"})],k.prototype,"expectedLength",2),n([d({type:String,attribute:"pattern-mask"})],k.prototype,"patternMask",2),n([d({type:String,attribute:"placeholder-text"})],k.prototype,"placeholderText",2),n([d({type:String,attribute:"data-patternmask-message"})],k.prototype,"dataPatternmaskMessage",2),n([C()],k.prototype,"_value",2),n([d({type:String,attribute:"class"})],k.prototype,"classNames",2),n([w("classNames")],k.prototype,"handleclassNamesChange",1),k=n([m("qti-extended-text-interaction")],k);var he=class extends v{constructor(){super(...arguments);this.tabindex=0}connectedCallback(){this.setAttribute("slot","drags")}};he.styles=g`
202
+ :host {
203
+ display: flex;
204
+ user-select: none;
205
+ }
206
+ `,n([d({type:Number,reflect:!0})],he.prototype,"tabindex",2),he=n([m("qti-gap-img")],he);var Bt=g`
207
+ :host {
208
+ display: flex;
209
+ align-items: flex-start;
210
+ flex-direction: column;
211
+ flex-wrap: wrap;
212
+ gap: 0.5rem;
213
+ }
214
+
215
+ :host(.qti-choices-top) {
216
+ flex-direction: column;
217
+ }
218
+ :host(.qti-choices-bottom) {
219
+ flex-direction: column-reverse;
220
+ }
221
+ :host(.qti-choices-left) {
222
+ flex-direction: row;
223
+ }
224
+ :host(.qti-choices-right) {
225
+ flex-direction: row-reverse;
226
+ }
227
+ /* [part='drops'] , */
228
+ [name='prompt'] {
229
+ width: 100%;
230
+ }
231
+ [name='drags'] {
232
+ display: flex;
233
+ align-items: flex-start;
234
+ flex: 1;
235
+ border: 2px solid transparent;
236
+ padding: 0.3rem;
237
+ border-radius: 0.3rem;
238
+ gap: 0.5rem;
239
+ }
240
+ `;var Se=class extends V(E,"qti-gap-text","qti-gap","slot[part='drags']"){render(){return u`<slot name="prompt"> </slot>
241
+ <slot part="drags" name="drags"></slot>
242
+ <slot part="drops"></slot>
243
+ <div role="alert" id="validationMessage"></div>`}set correctResponse(s){let e=[],t=Array.isArray(s)?s:[s];t&&(e=t.map(o=>{let a=o.split(" ");return{text:a[0],gap:a[1]}})),this.querySelectorAll("qti-gap").forEach(o=>{let a=o.getAttribute("identifier"),i=e.find(p=>p.gap===a)?.text,l=this.querySelector(`qti-gap-text[identifier="${i}"]`)?.textContent.trim();if(i&&l){if(!o.nextElementSibling?.classList.contains("correct-option")){let p=document.createElement("span");p.classList.add("correct-option"),p.textContent=l,o.insertAdjacentElement("afterend",p)}}else o.nextElementSibling?.classList.contains("correct-option")&&o.nextElementSibling.remove()})}};Se.styles=Bt,Se=n([m("qti-gap-match-interaction")],Se);var Xt={toAttribute:c=>c?"true":"false",fromAttribute:c=>c==="true"};function N(c,s){class e extends c{constructor(...o){super(...o);this.identifier="";this.tabIndex=0;this.disabled=!1;this.readonly=!1;this.internals=this.attachInternals()}handleDisabledChange(o,a){this.tabIndex=a?-1:0,a&&this.blur()}connectedCallback(){super.connectedCallback(),this.addEventListener("keyup",this._onKeyUp),this.addEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`register-${s}`,{bubbles:!0,composed:!0}))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keyup",this._onKeyUp),this.removeEventListener("click",this._onClick),this.dispatchEvent(new CustomEvent(`unregister-${s}`,{bubbles:!0,composed:!0}))}_onKeyUp(o){o.altKey||o.code==="Space"&&(o.preventDefault(),this._activate())}_onClick(){this.disabled||this.readonly||(this.focus(),this._activate())}_activate(){this.disabled||this.readonly||this.dispatchEvent(new CustomEvent(`activate-${s}`,{bubbles:!0,composed:!0,detail:{identifier:this.identifier}}))}render(){return u`<slot></slot>`}}return n([d({type:String})],e.prototype,"identifier",2),n([d({type:Number,reflect:!0,attribute:"tabindex"})],e.prototype,"tabIndex",2),n([d({type:Boolean,reflect:!0,attribute:"aria-disabled",converter:Xt})],e.prototype,"disabled",2),n([d({type:Boolean,reflect:!0,attribute:"aria-readonly",converter:Xt})],e.prototype,"readonly",2),n([w("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e}var me=class extends N(v,"qti-gap-text"){constructor(){super(...arguments);this.tabindex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","drags")}render(){return u`<slot></slot>`}};me.styles=g`
244
+ :host {
245
+ display: inline-flex;
246
+ user-select: none;
247
+ }
248
+ `,n([d({type:Number,reflect:!0})],me.prototype,"tabindex",2),me=n([m("qti-gap-text")],me);var fe=class extends v{constructor(){super(...arguments);this.tabindex=0}render(){return u` <slot name="drags"></slot>`}};fe.styles=g`
249
+ :host {
250
+ display: flex;
251
+ user-select: none;
252
+ }
253
+ `,n([d({type:Number,reflect:!0})],fe.prototype,"tabindex",2),fe=n([m("qti-gap")],fe);var jt=(c,s,e)=>{let t=new Map;for(let r=s;r<=e;r++)t.set(c[r],r);return t},We=j(class extends le{constructor(c){if(super(c),c.type!==ae.CHILD)throw Error("repeat() can only be used in text expressions")}dt(c,s,e){let t;e===void 0?e=s:s!==void 0&&(t=s);let r=[],o=[],a=0;for(let i of c)r[a]=t?t(i,a):a,o[a]=e(i,a),a++;return{values:o,keys:r}}render(c,s,e){return this.dt(c,s,e).values}update(c,[s,e,t]){let r=It(c),{values:o,keys:a}=this.dt(s,e,t);if(!Array.isArray(r))return this.ut=a,o;let i=this.ut??(this.ut=[]),l=[],p,h,f=0,b=r.length-1,y=0,T=o.length-1;for(;f<=b&&y<=T;)if(r[f]===null)f++;else if(r[b]===null)b--;else if(i[f]===a[y])l[y]=W(r[f],o[y]),f++,y++;else if(i[b]===a[T])l[T]=W(r[b],o[T]),b--,T--;else if(i[f]===a[T])l[T]=W(r[f],o[T]),ce(c,l[T+1],r[f]),f++,T--;else if(i[b]===a[y])l[y]=W(r[b],o[y]),ce(c,r[f],r[b]),b--,y++;else if(p===void 0&&(p=jt(a,y,T),h=jt(i,f,b)),p.has(i[f]))if(p.has(i[b])){let x=h.get(a[y]),ie=x!==void 0?r[x]:null;if(ie===null){let M=ce(c,r[f]);W(M,o[y]),l[y]=M}else l[y]=W(ie,o[y]),ce(c,r[f],ie),r[x]=null;y++}else Be(r[b]),b--;else Be(r[f]),f++;for(;y<=T;){let x=ce(c,l[T+1]);W(x,o[y]),l[y++]=x}for(;f<=b;){let x=r[f++];x!==null&&Be(x)}return this.ut=a,$t(c,l),ne}});function ge(c,s,e,t){switch(c){case"circle":{let[r,o,a]=s,i=r/e.width*100,l=o/e.height*100,p=a/e.width*100;t.style.left=i-p+"%",t.style.top=l-p+"%",t.style.width=t.style.height=4*p+"px",t.style.borderRadius="9999px"}break;case"rect":{let[r,o,a,i]=s,l=r/e.width*100,p=o/e.height*100,h=a/e.width*100,f=i/e.height*100;t.style.left=l+"%",t.style.top=p+"%",t.style.width=h-l+"%",t.style.height=f-p+"%"}break;case"poly":{let r=s.reduce((x,ie,M,oe)=>{if(M%2===1){let pr=x.pop();x[x.length]={x:pr,y:oe[M]}}else x.push(ie);return x},[]),o=Math.min(...r.map(x=>x.x)),a=Math.max(...r.map(x=>x.x)),i=Math.min(...r.map(x=>x.y)),l=Math.max(...r.map(x=>x.y)),p=o/e.width*100,h=i/e.height*100,f=a/e.width*100,b=l/e.height*100;t.style.left=o/e.width*100+"%",t.style.top=i/e.height*100+"%",t.style.width=f-p+"%",t.style.height=b-h+"%";let T=r.map(x=>({x:(x.x-o)/(a-o)*100,y:(x.y-i)/(l-i)*100})).map(x=>Math.round(x.x)+"% "+Math.round(x.y)+"%").join(",");t.style.clipPath=`polygon(${T})`}break;default:break}}var Wt=g`
254
+ slot:not([name='prompt']) {
255
+ // position: relative; /* qti-hotspot-choice relative to the slot */
256
+ display: block;
257
+ width: fit-content; /* hotspots not stretching further if image is at max size */
258
+ }
259
+ ::slotted(img) {
260
+ /* image not selectable anymore */
261
+ pointer-events: none;
262
+ user-select: none;
263
+ }
264
+ ::slotted(qti-associable-hotspot) {
265
+ transform: translate(-50%, -50%);
266
+ }
267
+ line-container {
268
+ display: block;
269
+ position: relative;
270
+ }
271
+ svg {
272
+ position: absolute;
273
+ top: 0px;
274
+ left: 0px;
275
+ }
276
+ `;var Y=class extends E{constructor(){super();this.startPoint=null;this.endPoint=null;this._lines=[];this.addEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}reset(){this._lines=[]}validate(){return this._lines.length>0}set value(e){Array.isArray(e)&&(this._lines=e)}get value(){return this._lines}render(){return u`<slot name="prompt"></slot>
277
+ <line-container>
278
+ <svg
279
+ width=${Z(this.grImage[0]?.width)}
280
+ height=${Z(this.grImage[0]?.height)}
281
+ viewbox="0 0 ${this.grImage[0]?.width} ${this.grImage[0]?.height}"
282
+ >
283
+ ${We(this._lines,e=>e,(e,t)=>at`
284
+ <line
285
+ part="line"
286
+ x1=${parseInt(this.querySelector("[identifier="+e.split(" ")[0]+"]").style.left)}
287
+ y1=${parseInt(this.querySelector("[identifier="+e.split(" ")[0]+"]").style.top)}
288
+ x2=${parseInt(this.querySelector("[identifier="+e.split(" ")[1]+"]").style.left)}
289
+ y2=${parseInt(this.querySelector("[identifier="+e.split(" ")[1]+"]").style.top)}
290
+ stroke="red"
291
+ stroke-width="3"
292
+ @click=${r=>{r.stopPropagation(),this._lines=this._lines.filter((o,a)=>a!==t),this.saveResponse(this._lines)}}
293
+ />
294
+ `)}
295
+ ${this.startPoint&&at`<line
296
+ part="point"
297
+ x1=${this.startCoord.x}
298
+ y1=${this.startCoord.y}
299
+ x2=${this.mouseCoord.x}
300
+ y2=${this.mouseCoord.y}
301
+ stroke="red"
302
+ stroke-width="3"
303
+ />`}
304
+ </svg>
305
+ <slot></slot>
306
+ </line-container>
307
+ <div role="alert" id="validationMessage"></div>`}positionHotspotOnRegister(e){let t=this.querySelector("img"),r=e.target,o=r.getAttribute("coords"),a=r.getAttribute("shape"),i=o.split(",").map(l=>parseInt(l));ge(a,i,t,r)}firstUpdated(e){super.firstUpdated(e),this.hotspots=this.querySelectorAll("qti-associable-hotspot"),document.addEventListener("mousemove",t=>{this.mouseCoord={x:t.clientX-this.grImage[0].getBoundingClientRect().left,y:t.clientY-this.grImage[0].getBoundingClientRect().top}}),this.hotspots.forEach(t=>{t.style.left=t.getAttribute("coords").split(",")[0]+"px",t.style.top=t.getAttribute("coords").split(",")[1]+"px",t.addEventListener("click",r=>{this.startPoint?this.endPoint||(this.endPoint=r.target,this._lines=[...this._lines,this.startPoint.getAttribute("identifier")+" "+this.endPoint.getAttribute("identifier")],this.saveResponse(this._lines),this.startPoint=null,this.endPoint=null):(this.startPoint=r.target,this.startCoord={x:this.startPoint.getAttribute("coords").split(",")[0],y:this.startPoint.getAttribute("coords").split(",")[1]})})})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}};Y.styles=Wt,n([C()],Y.prototype,"_lines",2),n([C()],Y.prototype,"startCoord",2),n([C()],Y.prototype,"mouseCoord",2),n([Ht({selector:"img"})],Y.prototype,"grImage",2),Y=n([m("qti-graphic-associate-interaction")],Y);var Kt=g`
308
+ :host {
309
+ display: flex;
310
+ align-items: flex-start;
311
+ flex-direction: column;
312
+ flex-wrap: wrap;
313
+ gap: 0.5rem;
314
+ }
315
+
316
+ :host(.qti-choices-top) {
317
+ flex-direction: column-reverse;
318
+ }
319
+ :host(.qti-choices-bottom) {
320
+ flex-direction: column;
321
+ }
322
+ :host(.qti-choices-left) {
323
+ flex-direction: row-reverse;
324
+ & [name='drags'] {
325
+ width: 25%;
326
+ }
327
+ & [part='image'] {
328
+ width: 75%;
329
+ }
330
+ }
331
+ :host(.qti-choices-right) {
332
+ flex-direction: row;
333
+ & [name='drags'] {
334
+ width: 25%;
335
+ }
336
+ & [part='image'] {
337
+ width: 75%;
338
+ }
339
+ }
340
+ [part='image'] {
341
+ display: block;
342
+ position: relative;
343
+ }
344
+ /* [part='drops'] , */
345
+
346
+ [name='drags'] {
347
+ display: flex;
348
+ align-items: flex-start;
349
+ flex-wrap: wrap;
350
+ flex: 1;
351
+ border: 2px solid transparent;
352
+ padding: 0.3rem;
353
+ border-radius: 0.3rem;
354
+ gap: 0.5rem;
355
+ }
356
+ ::slotted(img) {
357
+ display: inline-block;
358
+ user-select: none;
359
+ pointer-events: none;
360
+ }
361
+ `;var _e=class extends V(E,"qti-gap-img, qti-gap-text","qti-associable-hotspot","slot[part='drags']"){render(){return u` <slot name="prompt"></slot>
362
+ <slot part="image"></slot>
363
+ <slot part="drags" name="drags" class="hover-border"></slot>
364
+ <div role="alert" id="validationMessage"></div>`}positionHotspotOnRegister(s){let e=s.target,t=e.getAttribute("coords"),r=e.getAttribute("shape"),o=t.split(",").map(a=>parseInt(a));switch(r){case"circle":{let[a,i,l]=o;e.style.left=a-l+"px",e.style.top=i-l+"px",e.style.width=e.style.height=2*l+"px"}break;case"rect":{let[a,i,l,p]=o;e.style.left=a+"px",e.style.top=i+"px",e.style.width=l-a+"px",e.style.height=p-i+"px"}break;default:break}}connectedCallback(){super.connectedCallback(),this.addEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("qti-register-hotspot",this.positionHotspotOnRegister)}};_e.styles=Kt,_e=n([m("qti-graphic-gap-match-interaction")],_e);var Jt=g`
365
+ slot:not([name='prompt']) {
366
+ position: relative; /* qti-hotspot-choice relative to the slot */
367
+ display: block;
368
+ width: fit-content; /* hotspots not stretching further if image is at max size */
369
+ }
370
+ ::slotted(img) {
371
+ /* image not selectable anymore */
372
+ pointer-events: none;
373
+ user-select: none;
374
+ }
375
+ `;var ke=class extends K(E,"qti-hotspot-choice"){constructor(){super(...arguments);this._choiceElements=[]}render(){return u`
376
+ <slot name="prompt"></slot>
377
+ <slot></slot>
378
+ <div role="alert" id="validationMessage"></div>
379
+ `}setHotspotOrder(e){let{identifier:t}=e.detail,r=this._choiceElements.find(a=>a.getAttribute("identifier")===t),o=this._choiceElements.length;if(!this.choiceOrdering){if(this.choiceOrdering=!0,r.order==null){if(this._choiceElements.filter(a=>a.order>0).length>=o){this.choiceOrdering=!1;return}r.order=this._choiceElements.filter(a=>!!a.order).length+1,this.choiceOrdering=!1;return}else this._choiceElements.forEach(a=>(a.order>a.order&&a.order--,a)),r.order=null;this.choiceOrdering=!1}}positionHotspotOnRegister(e){let t=this.querySelector("img"),r=e.target,o=r.getAttribute("coords"),a=r.getAttribute("shape"),i=o.split(",").map(l=>parseInt(l));ge(a,i,t,r)}connectedCallback(){super.connectedCallback(),this.addEventListener("activate-qti-hotspot-choice",this.setHotspotOrder),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("activate-qti-hotspot-choice",this.setHotspotOrder),this.removeEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}};ke.styles=Jt,ke=n([m("qti-graphic-order-interaction")],ke);var be=class extends N(v,"qti-hotspot-choice"){};be.styles=g`
380
+ :host {
381
+ display: flex;
382
+ user-select: none;
383
+ position: absolute;
384
+ }
385
+ `,n([d({attribute:"aria-ordervalue",type:Number,reflect:!0})],be.prototype,"order",2),be=n([m("qti-hotspot-choice")],be);var Zt=g`
386
+ slot:not([name='prompt']) {
387
+ position: relative; /* qti-hotspot-choice relative to the slot */
388
+ display: block;
389
+ width: fit-content; /* hotspots not stretching further if image is at max size */
390
+ }
391
+ ::slotted(img) {
392
+ /* image not selectable anymore */
393
+ pointer-events: none;
394
+ user-select: none;
395
+ /* width:100%; */
396
+ }
397
+ `;var Re=class extends K(E,"qti-hotspot-choice"){render(){return u`
398
+ <slot name="prompt"></slot>
399
+ <slot></slot>
400
+ `}positionHotspotOnRegister(s){let e=this.querySelector("img"),t=s.target,r=t.getAttribute("coords"),o=t.getAttribute("shape"),a=r.split(",").map(i=>parseInt(i));ge(o,a,e,t)}connectedCallback(){super.connectedCallback(),this.addEventListener("register-qti-hotspot-choice",this.positionHotspotOnRegister)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("unregister-qti-hotspot-choice",this.positionHotspotOnRegister)}};Re.styles=Zt,Re=n([m("qti-hotspot-interaction")],Re);var Ke=class extends K(E,"qti-hottext"){constructor(){super(...arguments);this.render=()=>u`<slot></slot>`}};Ke=n([m("qti-hottext-interaction")],Ke);var Le=class extends N(v,"qti-hottext"){render(){return u`<div part="ch"><div part="cha"></div></div>
401
+ <slot></slot> `}};Le.styles=g`
402
+ :host {
403
+ display: flex;
404
+ user-select: none;
405
+ }
406
+ `,Le=n([m("qti-hottext")],Le);var Ae=class extends le{constructor(s){if(super(s),this.it=R,s.type!==ae.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(s){if(s===R||s==null)return this._t=void 0,this.it=s;if(s===ne)return s;if(typeof s!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(s===this.it)return this._t;this.it=s;let e=[s];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Ae.directiveName="unsafeHTML",Ae.resultType=1;var G=j(Ae);var Q=class extends E{constructor(){super(...arguments);this.options=[];this.correctOption="";this.dataPrompt="select"}static get styles(){return[g`
407
+ :host {
408
+ display: inline-block;
409
+ }
410
+ slot {
411
+ display: flex;
412
+ flex-direction: column;
413
+ }
414
+ [role='menu'] {
415
+ position: absolute;
416
+ z-index: 1000;
417
+ }
418
+ .anchor {
419
+ /* anchor-name: --infobox; */
420
+ width: fit-content;
421
+ }
422
+
423
+ .positionedElement {
424
+ position: absolute;
425
+ /* position-anchor: --infobox; */
426
+ /* top: anchor(bottom); */
427
+ }
428
+ `]}render(){return u`
429
+ <select part="select" @change="${this.choiceSelected}" ?disabled="${this.disabled}" ?readonly="${this.readonly}">
430
+ ${this.options.map(e=>u`
431
+ <option value="${e.value}" ?selected="${e.selected}">${G(e.textContent)}</option>
432
+ `)}
433
+ </select>
434
+
435
+ ${G(this.correctOption)}
436
+ `}connectedCallback(){super.connectedCallback(),this.addEventListener("on-dropdown-selected",this.choiceSelected);let e=Array.from(this.querySelectorAll("qti-inline-choice"));this.options=[{textContent:this.dataPrompt,value:"",selected:!1},...e.map(t=>({textContent:t.innerHTML,value:t.getAttribute("identifier"),selected:!1}))]}disconnectedCallback(){this.removeEventListener("on-dropdown-selected",this.choiceSelected)}validate(){let e=this.options.find(t=>t.selected);return e?e.value!=="":!1}reset(){this.options=this.options.map((e,t)=>({...e,selected:t===0}))}set value(e){this.options=this.options.map(t=>(e&&e===t.value&&(t.selected=!0),t))}get value(){return this.options.find(e=>e.selected)?.value||null}set correctResponse(e){if(e===""){this.correctOption="";return}this.correctOption=`<span part="correct-option">${this.options.find(t=>e===t.value).textContent}</span>`}choiceSelected(e){let t=e.target.value;this.options=this.options.map(r=>({...r,selected:r.value===t})),this.saveResponse(t)}};Q.inputWidthClass=["","qti-input-width-2","qti-input-width-1","qti-input-width-3","qti-input-width-4","qti-input-width-6","qti-input-width-10","qti-input-width-15","qti-input-width-20","qti-input-width-72"],n([C()],Q.prototype,"options",2),n([C()],Q.prototype,"correctOption",2),n([d({attribute:"data-prompt",type:String})],Q.prototype,"dataPrompt",2),Q=n([m("qti-inline-choice-interaction")],Q);var De=class extends v{static get styles(){return[g`
437
+ :host {
438
+ display: block;
439
+ cursor: pointer;
440
+ }
441
+ `]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onSelectInlineChoice),this.dispatchEvent(new CustomEvent("qti-inline-choice-register",{bubbles:!0,composed:!0,cancelable:!1}))}disconnectedCallback(){this.removeEventListener("click",this._onSelectInlineChoice)}render(){return u` <slot></slot> `}_onSelectInlineChoice(){this.dispatchEvent(new CustomEvent("qti-inline-choice-select",{bubbles:!0,cancelable:!1,composed:!0,detail:{identifier:this.identifier}}))}};n([d({type:String})],De.prototype,"identifier",2),De=n([m("qti-inline-choice")],De);var ee=class extends N(v,"qti-simple-associable-choice"){constructor(){super(...arguments);this.matchMin=0;this.matchMax=1;this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","qti-simple-associable-choice"),this.setAttribute("part","qti-simple-associable-choice")}render(){return u`
442
+ <slot part="slot"></slot>
443
+ <slot part="dropslot" name="qti-simple-associable-choice"></slot>
444
+ `}};ee.styles=g`
445
+ :host {
446
+ display: flex;
447
+ user-select: none;
448
+ }
449
+ slot {
450
+ width: 100%;
451
+ display: block;
452
+ }
453
+ slot[name='qti-simple-associable-choice'] {
454
+ width: 100%;
455
+ }
456
+ `,n([d({type:Number,attribute:"match-min"})],ee.prototype,"matchMin",2),n([d({type:Number,attribute:"match-max"})],ee.prototype,"matchMax",2),n([d({type:Boolean,attribute:"fixed"})],ee.prototype,"fixed",2),ee=n([m("qti-simple-associable-choice")],ee);var Gt=g`
457
+ slot:not([hidden]) {
458
+ /* slot where the */
459
+ display: flex;
460
+ flex-direction: column;
461
+ gap: 0.5rem;
462
+ align-items: flex-start; /* prevents the drag and drop container slots having the same height */
463
+ }
464
+ :host(.qti-choices-top) slot {
465
+ flex-direction: column;
466
+ }
467
+ :host(.qti-choices-bottom) slot {
468
+ flex-direction: column-reverse;
469
+ }
470
+ :host(.qti-choices-left) slot {
471
+ flex-direction: row;
472
+ }
473
+ :host(.qti-choices-right) slot {
474
+ flex-direction: row-reverse;
475
+ }
476
+ slot[name='prompt'] {
477
+ display: block;
478
+ }
479
+ ::slotted(qti-simple-match-set) {
480
+ /* Make sure the drag and drop container slots have the same width */
481
+ flex: 1;
482
+ }
483
+ `;var U=class extends V(E,"qti-simple-match-set:first-of-type qti-simple-associable-choice, qti-simple-match-set:last-of-type > qti-simple-associable-choice > qti-simple-associable-choice","qti-simple-match-set:last-of-type > qti-simple-associable-choice","qti-simple-match-set:first-of-type"){constructor(){super(...arguments);this.lastCheckedRadio=null;this.class="";this._response=[];this.responseIdentifier="";this.correctOptions=[];this.handleRadioClick=e=>{let t=e.target;this.lastCheckedRadio===t?(t.checked=!1,this.lastCheckedRadio=null,this.handleRadioChange(e)):this.lastCheckedRadio=t};this.handleRadioChange=e=>{let t=e.target,r=t.value,o=t.name,a=t.type;t.checked?(this.value?this.value.indexOf(r)===-1&&(a==="radio"&&(this.value=this.value.filter(i=>i.indexOf(o)===-1)),this.value=[...this.value,r]):this.value=[r],this.lastCheckedRadio=t):(this.value=this.value.filter(i=>i!==r),this.lastCheckedRadio=null),this.requestUpdate(),this.dispatchEvent(new CustomEvent("qti-interaction-response",{bubbles:!0,composed:!0,detail:{responseIdentifier:this.responseIdentifier,response:Array.isArray(this.value)?[...this.value]:this.value}}))}}get value(){return this.classList.contains("qti-match-tabular")?this._response:super.value}set value(e){this.classList.contains("qti-match-tabular")?this._response=e:super.value=e}async connectedCallback(){super.connectedCallback(),this.rows=Array.from(this.querySelectorAll("qti-simple-match-set:first-of-type qti-simple-associable-choice")),this.cols=Array.from(this.querySelectorAll("qti-simple-match-set:last-of-type qti-simple-associable-choice")),this.value=[]}set correctResponse(e){if(e===""){this.correctOptions=[];return}else Array.isArray(e)&&(this.correctOptions=e,this.class.split(" ").includes("qti-match-tabular")||(this.value=e))}render(){let e=this.class.split(" ").includes("qti-match-tabular");return u`
484
+ <slot name="prompt"></slot>
485
+ <slot ?hidden=${e}></slot>
486
+
487
+ ${e?u`
488
+ <table>
489
+ <tr>
490
+ <td></td>
491
+ ${this.cols.map(t=>u`<th part="r-header">${G(t.innerHTML)}</th>`)}
492
+ </tr>
493
+
494
+ ${this.rows.map(t=>u`<tr>
495
+ <td part="c-header">${G(t.innerHTML)}</td>
496
+ ${this.cols.map(r=>{let o=t.getAttribute("identifier"),a=r.getAttribute("identifier"),i=`${o} ${a}`,l=this.value.filter(b=>b.split(" ")[0]===o).length||0,p=this.value.includes(i),h=`rb ${p?"rb-checked":""} ${this.correctOptions.includes(i)?"rb-correct":""}`,f=this.correctOptions.length>0?!0:t.matchMax===1?!1:l>=t.matchMax&&!p;return u`<td>
497
+ <input
498
+ type=${t.matchMax===1?"radio":"checkbox"}
499
+ part=${h}
500
+ name=${o}
501
+ value=${i}
502
+ .disabled=${f}
503
+ @change=${b=>this.handleRadioChange(b)}
504
+ @click=${b=>t.matchMax===1?this.handleRadioClick(b):null}
505
+ />
506
+ </td>`})}
507
+ </tr>`)}
508
+ </table>
509
+ `:R}
510
+
511
+ <div role="alert" id="validationMessage"></div>
512
+ `}};U.styles=Gt,n([d({type:String})],U.prototype,"class",2),n([C()],U.prototype,"_response",2),n([d({type:String,attribute:"response-identifier"})],U.prototype,"responseIdentifier",2),n([C()],U.prototype,"correctOptions",2),U=n([m("qti-match-interaction")],U);var He=class extends E{constructor(){super();this._value=0}reset(){}validate(){return!0}get value(){return this._value.toString()}set value(e){if(!isNaN(parseInt(e.toString())))this._value=parseInt(e.toString());else throw new Error("Value must be a number")}static get properties(){return{...E.properties,step:{type:Number,attribute:"step",default:10}}}render(){return u` <slot name="prompt"></slot>
513
+ <slot></slot>`}connectedCallback(){super.connectedCallback();let e=this.querySelector("audio")||this.querySelector("video")||this.querySelector("object");e&&e.addEventListener("ended",()=>{this._value++,this.saveResponse(this.value)})}};He.styles=[g``],He=n([m("qti-media-interaction")],He);var Qt=g`
514
+ [part='drags'] {
515
+ display: flex;
516
+ align-items: flex-start;
517
+ flex: 1;
518
+ border: 2px solid transparent;
519
+ }
520
+
521
+ [part='drops'] {
522
+ flex: 1;
523
+ display: grid;
524
+ grid-auto-flow: column;
525
+ grid-auto-columns: 1fr;
526
+ }
527
+
528
+ :host([orientation='horizontal']) [part='drags'] {
529
+ flex-direction: row;
530
+ }
531
+ :host([orientation='horizontal']) [part='drops'] {
532
+ grid-auto-flow: column;
533
+ }
534
+ :host([orientation='vertical']) [part='drags'] {
535
+ flex-direction: column;
536
+ }
537
+ :host([orientation='vertical']) [part='drops'] {
538
+ grid-auto-flow: row;
539
+ }
540
+
541
+ [part='drop-list'] {
542
+ display: block;
543
+ flex: 1;
544
+ }
545
+
546
+ [part='container'] {
547
+ display: flex;
548
+ gap: 0.5rem;
549
+ }
550
+ :host(.qti-choices-top) [part='container'] {
551
+ flex-direction: column;
552
+ }
553
+ :host(.qti-choices-bottom) [part='container'] {
554
+ flex-direction: column-reverse;
555
+ }
556
+ :host(.qti-choices-left) [part='container'] {
557
+ flex-direction: row;
558
+ }
559
+ :host(.qti-choices-right) [part='container'] {
560
+ flex-direction: row-reverse;
561
+ }
562
+ `;var B=class extends je(V(E,"qti-simple-choice","drop-list","slot[part='drags']"),"qti-simple-choice"){constructor(){super(...arguments);this.nrChoices=0;this.correctResponses=[];this.showCorrectResponses=!1}render(){let e=Array.from(this.querySelectorAll("qti-simple-choice"));return this.nrChoices<e.length&&(this.nrChoices=e.length),u` <slot name="prompt"> </slot>
563
+ <div part="container">
564
+ <slot part="drags"> </slot>
565
+ <div part="drops">
566
+ ${Array.from(Array(this.nrChoices)).map((t,r)=>u`<drop-list part="drop-list" identifier="droplist${r}"></drop-list>${this.showCorrectResponses&&this.correctResponses.length>r?G(`<span part='correct-response'>${this.correctResponses[r]}</span>`):""}`)}
567
+ </div>
568
+ </div>`}set correctResponse(e){if(e===""){this.showCorrectResponses=!1;return}this.correctResponses.length===0&&(Array.isArray(e)?e:[e]).forEach(r=>{let o=this.querySelector(`qti-simple-choice[identifier="${r}"]`);o||(o=this.shadowRoot.querySelector(`qti-simple-choice[identifier="${r}"]`));let a=o?.textContent.trim();this.correctResponses=[...this.correctResponses,a]}),this.showCorrectResponses=!0}getResponse(){return Array.from(this.shadowRoot.querySelectorAll("drop-list")).map(r=>{let o=r.querySelectorAll('[qti-draggable="true"]');return[...Array.from(o).map(i=>i.getAttribute("identifier"))].join(" ")})}async firstUpdated(e){super.firstUpdated(e),this.childrenMap=Array.from(this.querySelectorAll("qti-simple-choice")),this.childrenMap.forEach(t=>t.setAttribute("part","qti-simple-choice"))}};B.styles=Qt,n([C()],B.prototype,"nrChoices",2),n([C()],B.prototype,"correctResponses",2),n([C()],B.prototype,"showCorrectResponses",2),n([d({type:String})],B.prototype,"orientation",2),B=n([m("qti-order-interaction")],B);var se=class extends E{constructor(){super(...arguments);this._errorMessage=null;this.loadConfig=async(e,t)=>{e=this.removeDoubleSlashes(e);try{let r=await fetch(e);if(r.ok){let a=await r.json();for(let i in a.paths)t&&(a.paths[i]=this.getResolvablePath(a.paths[i],t));return a}}catch{}return null};this.getResolvablePathString=(e,t)=>(e=e.replace(/\.js$/,""),e?.toLocaleLowerCase().startsWith("http")||!t?e:this.removeDoubleSlashes(`${t}/${e}`));this.getResolvablePath=(e,t)=>Array.isArray(e)?e.map(r=>this.getResolvablePathString(r,t)):this.getResolvablePathString(e,t)}convertQtiVariableJSON(e){for(let t in e)if(e.hasOwnProperty(t)){let r=e[t];if(r){for(let o in r)if(r.hasOwnProperty(o)){let a=r[o];if(Array.isArray(a))return a.map(String);if(a!=null)return String(a)}}}return null}startChecking(){this.intervalId=setInterval(()=>{let e=this.pci.getResponse(),t=this.pci.getResponse(),r=JSON.stringify(e);if(r!==this.rawResponse){this.rawResponse=r;let o=this.convertQtiVariableJSON(t);this.value=o,this.saveResponse(o)}},200)}stopChecking(){this.intervalId!==void 0&&clearInterval(this.intervalId)}validate(){return!0}set value(e){}get value(){return this.rawResponse}getTAOConfig(e){let t=e.querySelectorAll("properties"),r={},o=i=>{let l={},p=i.getAttribute("key");if(p){let h=Array.from(i.children),f=h.map(y=>y.getAttribute("key"));f.length>0&&!f.find(y=>!Number.isInteger(+y))?l[p]=h.map(y=>a(y)):l[p]=i.textContent}return l},a=i=>{if(i){let l={};for(let p of i.children)l={...l,...o(p)};return l}};for(let i of t)return i.getAttribute("key")||(r={...r,...a(i)}),r;return console.log("Can not find qti-custom-interaction config"),null}register(e){this.pci=e;let t=this.parentElement.tagName==="QTI-CUSTOM-INTERACTION"?"TAO":"IMS",r=t=="IMS"?this.querySelector("qti-interaction-markup"):this.querySelector("markup");r.classList.add("qti-customInteraction"),t=="TAO"&&this.querySelector("properties")&&(this.querySelector("properties").style.display="none");let o=t=="IMS"?{properties:this.dataset,onready:()=>{console.log("onready")}}:this.getTAOConfig(this);t=="IMS"?e.getInstance(r,o,void 0):e.initialize(this.customInteractionTypeIdentifier,r.firstElementChild,o),t=="TAO"&&Array.from(this.querySelectorAll("link")).map(i=>i.getAttribute("href")).forEach(i=>{let l=document.createElement("link");l.rel="stylesheet",l.type="text/css",l.media="screen",l.href=i,r.appendChild(l)}),this.startChecking()}connectedCallback(){super.connectedCallback(),define("qtiCustomInteractionContext",()=>({register:r=>{this.register(r)},notifyReady:()=>{}}));let e=this.buildRequireConfig();requirejs.config(e)(["require"],r=>{r([this.module])})}disconnectedCallback(){super.disconnectedCallback(),requirejs.undef(this.customInteractionTypeIdentifier);let e=requirejs.s.contexts;delete e[this.customInteractionTypeIdentifier],this.stopChecking()}buildRequireConfig(){let e={context:this.customInteractionTypeIdentifier,catchError:!0,paths:window.requirePaths||{},shim:window.requireShim||{}};if(!globalThis.require)return this._errorMessage="RequireJS not found. Please load it via CDN: https://cdnjs.com/libraries/require.js",null;let t=this.getAttribute("data-base-url"),r=this.querySelector("qti-interaction-modules");if(r){let o=r.querySelectorAll("qti-interaction-module");for(let a of o){let i=a.getAttribute("id"),l=a.getAttribute("primary-path"),p=a.getAttribute("fallback-path");if(i&&l){let h=p?this.combineRequireResolvePaths(this.getResolvablePath(l,t),this.getResolvablePath(p,t)):this.getResolvablePath(l,t),f=e.paths[i]||[];e.paths[i]=this.combineRequireResolvePaths(f,h)}}}return e}combineRequireResolvePaths(e,t){let r=Array.isArray(e)?e:[e],o=Array.isArray(t)?t:[t];return r.concat(o)}removeDoubleSlashes(e){return e.replace(/([^:]\/)\/+/g,"$1").replace(/\/\//g,"/").replace("http:/","http://").replace("https:/","https://")}render(){return u`<slot></slot>${this._errorMessage&&u`<div style="color:red">
569
+ <h1>Error</h1>
570
+ ${this._errorMessage}
571
+ </div>`}`}};n([d({type:String,attribute:"module"})],se.prototype,"module",2),n([d({type:String,attribute:"custom-interaction-type-identifier"})],se.prototype,"customInteractionTypeIdentifier",2),n([C()],se.prototype,"_errorMessage",2),se=n([m("qti-portable-custom-interaction")],se);var Je=class extends v{render(){return u`<slot></slot>`}};Je.styles=[g`
572
+ :host {
573
+ display: block;
574
+ }
575
+ ::slotted(img) {
576
+ position: absolute;
577
+ cursor: move;
578
+ user-select: none;
579
+ left: 50%;
580
+ transform: translateX(-50%);
581
+ }
582
+ `];customElements.define("qti-position-object-interaction",Je);var Ve=class extends v{render(){return u`<slot></slot>`}constructor(){super(),this.removeMoveListener=this.removeMoveListener.bind(this),this.dragElementHandler=this.dragElementHandler.bind(this)}dragElementHandler(s){s.preventDefault();let e=s.clientX-this.startX,t=s.clientY-this.startY;this.dragElement.style.left=this.dragElement.offsetLeft+e+"px",this.dragElement.style.top=this.dragElement.offsetTop+t+"px",this.startX=s.clientX,this.startY=s.clientY}firstUpdated(s){super.firstUpdated(s),this.dragElement=this.querySelector("qti-position-object-interaction>img"),this.startX=0,this.startY=0,this.dragElement.addEventListener("mousedown",e=>{this.startX=e.clientX,this.startY=e.clientY,document.addEventListener("mousemove",this.dragElementHandler,!0)}),document.addEventListener("mouseup",this.removeMoveListener)}removeMoveListener(){document.removeEventListener("mousemove",this.dragElementHandler,!0)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousemove",this.dragElementHandler),document.removeEventListener("mouseup",this.removeMoveListener)}};Ve.styles=[g`
583
+ :host {
584
+ display: inline-block;
585
+ position: relative;
586
+ }
587
+ `],Ve=n([m("qti-position-object-stage")],Ve);var er="important",ur=" !"+er,tr=j(class extends le{constructor(c){if(super(c),c.type!==ae.ATTRIBUTE||c.name!=="style"||c.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(c){return Object.keys(c).reduce((s,e)=>{let t=c[e];return t==null?s:s+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${t};`},"")}update(c,[s]){let{style:e}=c.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(s)),this.render(s);for(let t of this.ft)s[t]==null&&(this.ft.delete(t),t.includes("-")?e.removeProperty(t):e[t]=null);for(let t in s){let r=s[t];if(r!=null){this.ft.add(t);let o=typeof r=="string"&&r.endsWith(ur);t.includes("-")||o?e.setProperty(t,o?r.slice(0,-11):r,o?er:""):e[t]=r}}return ne}});var te=class extends E{constructor(){super(...arguments);this.maxChoices=1/0;this.minChoices=0;this._points=[];this._imgElement=null;this._onImageClick=e=>{if(this._points.length<this.maxChoices){let t=e.offsetX,r=e.offsetY;this._points=[...this._points,`${t} ${r}`],this.saveResponse(this._points)}}}render(){return u` <slot name="prompt"></slot>
588
+ <point-container>
589
+ ${We(this._points,e=>e,(e,t)=>u`
590
+ <button
591
+ part="point"
592
+ style=${tr({position:"absolute",transform:"translate(-50%, -50%)",left:`${e.split(" ")[0]}px`,top:`${e.split(" ")[1]}px`})}
593
+ aria-label="Remove point at ${e}"
594
+ @click=${r=>{r.stopPropagation(),this._points=this._points.filter((o,a)=>a!==t),this.saveResponse(this._points)}}
595
+ ></button>
596
+ `)}
597
+ <slot></slot>
598
+ </point-container>`}reset(){this._points=[]}validate(){return this._points.length>=this.minChoices&&this._points.length<=this.maxChoices}set value(e){this._points=Array.isArray(e)?e:[e]}get value(){return this._points}firstUpdated(){this._imgElement=this.querySelector("img"),this._imgElement?this._imgElement.addEventListener("click",this._onImageClick):console.warn("No <img> element found in <qti-select-point-interaction>")}disconnectedCallback(){super.disconnectedCallback(),this._imgElement&&this._imgElement.removeEventListener("click",this._onImageClick)}};te.styles=[g`
599
+ :host {
600
+ display: block;
601
+ }
602
+ point-container {
603
+ display: block;
604
+ position: relative;
605
+ }
606
+ `],n([d({type:Number,attribute:"max-choices"})],te.prototype,"maxChoices",2),n([d({type:Number,attribute:"min-choices"})],te.prototype,"minChoices",2),n([C()],te.prototype,"_points",2),te=n([m("qti-select-point-interaction")],te);var ve=class extends N(v,"qti-simple-choice"){get checked(){return this.internals.states.has("--checked")}render(){return u`<div part="ch">
607
+ <div part="cha"></div>
608
+ </div>
609
+ ${this.marker?u`<div id="label">${this.marker}</div>`:R}
610
+ <slot part="slot"></slot> `}};ve.styles=g`
611
+ :host {
612
+ display: flex;
613
+ align-items: center;
614
+ user-select: none;
615
+ }
616
+ slot {
617
+ width: 100%;
618
+ display: flex;
619
+ align-items: center;
620
+ }
621
+ [part='ch'] {
622
+ display: flex;
623
+ flex-shrink: 0;
624
+ align-items: center;
625
+ justify-content: center;
626
+ }
627
+ `,n([d({type:String,attribute:!1})],ve.prototype,"marker",2),ve=n([m("qti-simple-choice")],ve);var rr=g`
628
+ :host {
629
+ display: block;
630
+ --show-bounds: true;
631
+ --show-ticks: true;
632
+ --show-value: true;
633
+ }
634
+
635
+ [part='slider'] {
636
+ margin-left: 2rem; /* mx-8 */
637
+ margin-right: 2rem;
638
+ padding-bottom: 1rem; /* pb-4 */
639
+ padding-top: 1.25rem; /* pt-5 */
640
+ }
641
+
642
+ [part='bounds'] {
643
+ display: flex;
644
+ width: 100%;
645
+ justify-content: space-between;
646
+ margin-bottom: 0.5rem; /* mb-2 */
647
+ }
648
+
649
+ [part='ticks'] {
650
+ margin-left: 0.125rem; /* mx-0.5 */
651
+ margin-right: 0.125rem;
652
+ margin-bottom: 0.25rem; /* mb-1 */
653
+ height: 0.5rem; /* h-2 */
654
+ background: linear-gradient(to right, var(--qti-border-color) var(--qti-border-thickness), transparent 1px) repeat-x
655
+ 0 center / calc(calc(100% - var(--qti-border-thickness)) / ((var(--max) - var(--min)) / var(--step))) 100%;
656
+ }
657
+
658
+ [part='rail'] {
659
+ display: flex;
660
+ align-items: center;
661
+ box-sizing: border-box;
662
+ height: 0.375rem; /* h-1.5 */
663
+ width: 100%;
664
+ cursor: pointer;
665
+ border-radius: 9999px; /* rounded-full */
666
+ border: 1px solid #d1d5db; /* border-gray-300 */
667
+ background-color: #e5e7eb; /* bg-gray-200 */
668
+ }
669
+
670
+ [part='knob'] {
671
+ background-color: var(--qti-bg-active);
672
+ border: 2px solid var(--qti-border-active);
673
+ position: relative;
674
+ height: 1rem; /* h-4 */
675
+ width: 1rem; /* w-4 */
676
+ transform-origin: center;
677
+ transform: translateX(-50%);
678
+ cursor: pointer;
679
+ border-radius: 9999px; /* rounded-full */
680
+ left: var(--value-percentage);
681
+ }
682
+
683
+ [part='value'] {
684
+ position: absolute;
685
+ bottom: 2rem; /* bottom-8 */
686
+ left: 0.5rem; /* left-2 */
687
+ transform: translateX(-50%);
688
+ cursor: pointer;
689
+ border-radius: 0.25rem; /* rounded */
690
+ background-color: #f3f4f6; /* bg-gray-100 */
691
+ padding: 0.25rem 0.5rem; /* px-2 py-1 */
692
+ text-align: center;
693
+ color: #6b7280; /* text-gray-500 */
694
+ }
695
+ `;var $=class extends v{constructor(){super();this._value=0;this.min=0;this.max=100;this.step=1;this._internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._updateValue(this.min),this.setAttribute("tabindex","0"),this.setAttribute("role","slider")}get value(){return this._value.toString()}set value(e){let t=parseInt(e,10);isNaN(t)||this._updateValue(t)}_updateValue(e){this._value=Math.min(this.max,Math.max(this.min,e));let t=(this._value-this.min)/(this.max-this.min)*100;this.style.setProperty("--value-percentage",`${t}%`),this._internals.setFormValue(this.value),this.requestUpdate()}render(){return u`
696
+ <slot name="prompt"></slot>
697
+ <div id="slider" part="slider">
698
+ <div id="bounds" part="bounds">
699
+ <div>${this.min}</div>
700
+ <div>${this.max}</div>
701
+ </div>
702
+
703
+ <div id="ticks" part="ticks"></div>
704
+
705
+ <div id="rail" part="rail" @mousedown=${this._onMouseDown} @touchstart=${this._onTouchStart}>
706
+ <div id="knob" part="knob"><div id="value" part="value">${this.value}</div></div>
707
+ </div>
708
+ </div>
709
+ `}_onMouseDown(e){this._startDrag(e.pageX);let t=o=>this._onDrag(o.pageX),r=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",r),this._onDragEnd()};document.addEventListener("mousemove",t),document.addEventListener("mouseup",r)}_onTouchStart(e){this._startDrag(e.touches[0].pageX);let t=o=>this._onDrag(o.touches[0].pageX),r=()=>{document.removeEventListener("touchmove",t),document.removeEventListener("touchend",r),this._onDragEnd()};document.addEventListener("touchmove",t,{passive:!1}),document.addEventListener("touchend",r)}_startDrag(e){this._onDrag(e)}_onDrag(e){let t=this._rail.getBoundingClientRect(),r=e-t.left,o=Math.min(1,Math.max(0,r/t.width)),a=this.min+Math.round(o*(this.max-this.min)/this.step)*this.step;this._updateValue(a)}_onDragEnd(){this.dispatchEvent(new Event("change",{bubbles:!0}))}};$.formAssociated=!0,$.styles=rr,n([Ye("#rail")],$.prototype,"_rail",2),n([d({type:Number,attribute:"lower-bound"})],$.prototype,"min",2),n([d({type:Number,attribute:"upper-bound"})],$.prototype,"max",2),n([d({type:Number,attribute:"step"})],$.prototype,"step",2),$=n([m("qti-slider-interaction")],$);var ir=()=>new pt,pt=class{},ct=new WeakMap,Oa=j(class extends Ot{render(c){return R}update(c,[s]){let e=s!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=s,this.ht=c.options?.host,this.rt(this.ct=c.element)),R}rt(c){if(this.isConnected||(c=void 0),typeof this.Y=="function"){let s=this.ht??globalThis,e=ct.get(s);e===void 0&&(e=new WeakMap,ct.set(s,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,c),c!==void 0&&this.Y.call(this.ht,c)}else this.Y.value=c}get lt(){return typeof this.Y=="function"?ct.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var sr=g`
710
+ :host {
711
+ display: inline-block;
712
+ }
713
+ [part='correct'] {
714
+ position: absolute;
715
+ width: 100%;
716
+ }
717
+ :host(.qti-input-width-1) [part='input'] {
718
+ width: 1.1rem;
719
+ min-width: 1.1rem;
720
+ }
721
+
722
+ :host(.qti-input-width-2) [part='input'] {
723
+ width: 2.3rem;
724
+ min-width: 2.3rem;
725
+ }
726
+
727
+ :host(.qti-input-width-3) [part='input'] {
728
+ width: 3.3rem;
729
+ min-width: 3.3rem;
730
+ }
731
+
732
+ :host(.qti-input-width-4) [part='input'] {
733
+ width: 4.2rem;
734
+ min-width: 4.2rem;
735
+ }
736
+
737
+ :host(.qti-input-width-6) [part='input'] {
738
+ width: 6.6rem;
739
+ min-width: 6.6rem;
740
+ }
741
+
742
+ :host(.qti-input-width-10) [part='input'] {
743
+ width: 8rem;
744
+ min-width: 8rem;
745
+ }
746
+
747
+ :host(.qti-input-width-15) [part='input'] {
748
+ width: 12rem;
749
+ min-width: 12rem;
750
+ }
751
+
752
+ :host(.qti-input-width-20) [part='input'] {
753
+ width: 17rem;
754
+ min-width: 17rem;
755
+ }
756
+
757
+ :host(.qti-input-width-25) [part='input'] {
758
+ width: 20rem;
759
+ min-width: 20rem;
760
+ }
761
+
762
+ :host(.qti-input-width-30) [part='input'] {
763
+ width: 24rem;
764
+ min-width: 24rem;
765
+ }
766
+
767
+ :host(.qti-input-width-35) [part='input'] {
768
+ width: 28rem;
769
+ min-width: 28rem;
770
+ }
771
+
772
+ :host(.qti-input-width-40) [part='input'] {
773
+ width: 32rem;
774
+ min-width: 32rem;
775
+ }
776
+
777
+ :host(.qti-input-width-45) [part='input'] {
778
+ width: 36rem;
779
+ min-width: 36rem;
780
+ }
781
+
782
+ :host(.qti-input-width-50) [part='input'] {
783
+ width: 40rem;
784
+ min-width: 40rem;
785
+ }
786
+
787
+ :host(.qti-input-width-72) [part='input'] {
788
+ width: 57rem;
789
+ min-width: 57rem;
790
+ }
791
+ `;var I=class extends E{constructor(){super(...arguments);this._value="";this.inputRef=ir()}get value(){return this._value||null}set value(e){if(typeof e=="string"||e===null){this._value=e||"";let t=new FormData;t.append(this.responseIdentifier,this._value),this._internals.setFormValue(t),this.validate()}else throw new Error("Value must be a string")}validate(){let e=this.shadowRoot.querySelector("input");if(!e)return!1;if(this.patternMask&&this.dataPatternmaskMessage)this._internals.setValidity({}),e.setCustomValidity(""),e.checkValidity()||(this._internals.setValidity({customError:!0},this.dataPatternmaskMessage),e.setCustomValidity(this.dataPatternmaskMessage));else{let t=e.checkValidity();this._internals.setValidity(t?{}:{customError:!1})}return this._value!==""&&e.checkValidity()}render(){return u`
792
+ <input
793
+ part="input"
794
+ name="${this.responseIdentifier}"
795
+ spellcheck="false"
796
+ autocomplete="off"
797
+ @blur="${e=>{this.reportValidity()}}"
798
+ @keydown="${e=>e.stopImmediatePropagation()}"
799
+ @keyup="${this.textChanged}"
800
+ @change="${this.textChanged}"
801
+ type="${this.patternMask=="[0-9]*"?"number":"text"}"
802
+ placeholder="${Z(this.placeholderText?this.placeholderText:void 0)}"
803
+ .value="${this._value}"
804
+ pattern="${Z(this.patternMask?this.patternMask:void 0)}"
805
+ maxlength=${1e3}
806
+ ?disabled="${this.disabled}"
807
+ ?readonly="${this.readonly}"
808
+ />
809
+ <div part="correct">${this._correctResponse}</div>
810
+ `}textChanged(e){if(this.disabled||this.readonly)return;let t=e.target;this.setEmptyAttribute(t.value),this._value!==t.value&&(this.value=t.value,this.saveResponse(t.value))}reportValidity(){let e=this.shadowRoot.querySelector("input");if(!e)return!1;let t=this.validate();return t||e.reportValidity(),t}reset(){this._value=""}setEmptyAttribute(e){this.setAttribute("empty",e===""?"true":"false")}};I.styles=sr,n([d({type:Number,attribute:"expected-length"})],I.prototype,"expectedLength",2),n([d({type:String,attribute:"pattern-mask"})],I.prototype,"patternMask",2),n([d({type:String,attribute:"placeholder-text"})],I.prototype,"placeholderText",2),n([d({type:String,attribute:"data-patternmask-message"})],I.prototype,"dataPatternmaskMessage",2),n([C()],I.prototype,"_value",2),I=n([m("qti-text-entry-interaction")],I);var Ne=class extends E{constructor(){super(...arguments);this._file=null;this._base64=null}reset(){this._file=null,this._base64=null,this.saveResponse(null)}validate(){return this._base64!==null}get value(){return this._base64}set value(e){if(typeof e=="string")this._base64=e,this.saveResponse(e);else if(e===null)this.reset();else throw new Error("Value must be a Base64-encoded string or null")}static get properties(){return{...E.properties}}render(){return u`
811
+ <div>
812
+ <slot name="prompt"></slot>
813
+ <input type="file" @change="${this._onFileChange}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" />
814
+ </div>
815
+ `}async _onFileChange(e){let t=e.target;t.files&&t.files.length>0&&(this._file=t.files[0],this._base64=await this._convertToBase64(this._file),this.saveResponse(this._base64),this.dispatchEvent(new CustomEvent("qti-interaction-response",{detail:{response:this._base64}})))}_convertToBase64(e){return new Promise((t,r)=>{let o=new FileReader;o.onload=()=>t(o.result),o.onerror=()=>r(o.error),o.readAsDataURL(e)})}};Ne.styles=[g`
816
+ :host {
817
+ display: block;
818
+ margin: 1em 0;
819
+ }
820
+ input[type='file'] {
821
+ display: block;
822
+ margin-top: 0.5em;
823
+ }
824
+ `],Ne=n([m("qti-upload-interaction")],Ne);var or=g`
825
+ :host {
826
+ display: block;
827
+ }
828
+ `;var $e=class extends v{render(){return u`<slot name="qti-rubric-block"></slot><slot></slot>`}};$e.styles=or,$e=n([m("qti-item-body")],$e);var Ie=class extends v{render(){return u`<slot></slot>`}process(){let s=new dt,e=[...this.children];s.process(e)}};Ie.styles=[g`
829
+ :host {
830
+ display: none;
831
+ }
832
+ `],Ie=n([m("qti-outcome-processing")],Ie);var dt=class{process(s){for(let e of s)e.process()}};var Ze=class extends v{render(){return u`<slot></slot>`}connectedCallback(){this.parentElement.tagName.endsWith("INTERACTION")&&this.setAttribute("slot","prompt")}};Ze=n([m("qti-prompt")],Ze);var nr=`<qti-response-processing>
833
+ <qti-response-condition>
834
+ <qti-response-if>
835
+ <qti-match>
836
+ <qti-variable identifier="RESPONSE"></qti-variable>
837
+ <qti-correct identifier="RESPONSE"></qti-correct>
838
+ </qti-match>
839
+ <qti-set-outcome-value identifier="SCORE">
840
+ <qti-base-value base-type="float">1</qti-base-value>
841
+ </qti-set-outcome-value>
842
+ </qti-response-if>
843
+ <qti-response-else>
844
+ <qti-set-outcome-value identifier="SCORE">
845
+ <qti-base-value base-type="float">0</qti-base-value>
846
+ </qti-set-outcome-value>
847
+ </qti-response-else>
848
+ </qti-response-condition>
849
+ </qti-response-processing>`,ar=`<qti-response-processing>
850
+ <qti-response-condition>
851
+ <qti-response-if>
852
+ <qti-is-null>
853
+ <qti-variable identifier="RESPONSE"></qti-variable>
854
+ </qti-is-null>
855
+ <qti-set-outcome-value identifier="SCORE">
856
+ <qti-base-value base-type="float">0.0</qti-base-value>
857
+ </qti-set-outcome-value>
858
+ </qti-response-if>
859
+ <qti-response-else>
860
+ <qti-set-outcome-value identifier="SCORE">
861
+ <qti-map-response identifier="RESPONSE"> </qti-map-response>
862
+ </qti-set-outcome-value>
863
+ </qti-response-else>
864
+ </qti-response-condition>
865
+ </qti-response-processing>`,lr=`<qti-response-processing>
866
+ <qti-response-condition>
867
+ <qti-response-if>
868
+ <qti-is-null>
869
+ <qti-variable identifier="RESPONSE"></qti-variable>
870
+ </qti-is-null>
871
+ <qti-set-outcome-value identifier="SCORE">
872
+ <qti-base-value base-type="float">0</qti-base-value>
873
+ </qti-set-outcome-value>
874
+ </qti-response-if>
875
+ <qti-response-else>
876
+ <qti-set-outcome-value identifier="SCORE">
877
+ <qti-map-response-point identifier="RESPONSE"></qti-map-response-point>
878
+ </qti-set-outcome-value>
879
+ </qti-response-else>
880
+ </qti-response-condition>
881
+ </qti-response-processing>`;var Oe=class extends v{render(){return u`<slot></slot>`}process(){if(!this.closest("qti-assessment-item"))return;let e=[...this.children];for(let t of e)t.process()}firstUpdated(s){if(this.getAttribute("template")){let e=this.getAttribute("template").split("/"),t=e[e.length-1].replace(".xml","");switch(this.innerHTML="",t){case"map_response":{this.appendChild(this.fragmentFromString(ar).firstElementChild.firstElementChild);break}case"map_response_point":{this.appendChild(this.fragmentFromString(lr).firstElementChild.firstElementChild);break}case"match_correct":this.appendChild(this.fragmentFromString(nr).firstElementChild.firstElementChild);break}}}fragmentFromString(s){return document.createRange().createContextualFragment(s)}};Oe.styles=[g`
882
+ :host {
883
+ display: none;
884
+ }
885
+ `],Oe=n([m("qti-response-processing")],Oe);var O=class extends v{render(){return u`<slot></slot>`}process(){throw new Error("Not implemented")}};O=n([m("qti-rule")],O);var Ge=class extends O{get childExpression(){return this.firstElementChild}process(){let s=this.getAttribute("identifier"),e=this.closest("qti-assessment-item").getVariable(s),t;return e.interpolationTable&&(t=e.interpolationTable.get(parseInt(this.childExpression.calculate()))),t==null?(console.warn("lookupOutcomeValue: value is null or undefined"),0):(this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:this.identifier,value:Ee(t)}})),t)}};n([d({type:String})],Ge.prototype,"identifier",2);customElements.define("qti-lookup-outcome-value",Ge);var ut=class extends O{render(){return u`<slot></slot>`}process(){let s=[...this.children];for(let e=0;e<s.length;e++){let t=s[e];if(t.calculate()){t.process();return}}}};customElements.define("qti-response-condition",ut);var ht=class extends O{process(){let s=this.getAttribute("identifier"),e=this.firstElementChild,r=new mt(e).process();this.dispatchEvent(new CustomEvent("qti-set-outcome-value",{bubbles:!0,composed:!0,detail:{outcomeIdentifier:s,value:Array.isArray(r)?r.map(o=>Ee(o)):Ee(r)}}))}},mt=class{constructor(s){this.expression=s}process(){let s=this.expression?this.expression.calculate():null;if(s==null){console.warn("setOutcomeValue: value is null or undefined");return}return s}};customElements.define("qti-set-outcome-value",ht);var Pe=class extends v{render(){return u`<slot></slot>`}calculate(){return!0}getSubRules(){return[...this.children]}process(){let s=this.getSubRules();for(let e=0;e<s.length;e++)s[e].process()}};customElements.define("qti-response-else",Pe);var Fe=class extends Pe{calculate(){return this.firstElementChild.calculate()}getSubRules(){let s=[];for(let e=1;e<this.children.length;e++)s.push(this.children[e]);return s}};customElements.define("qti-response-if",Fe);var ft=class extends Fe{render(){return u`${super.render()}`}};customElements.define("qti-response-else-if",ft);var cr=class extends hr(H){calculate(){return this.calculateChildren(Array.from(this.children))}};function hr(c){return class extends c{calculateChildren(e){return e.map(r=>{let o=r;if(!o.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let a=o.calculate(),i=!1;if(typeof a=="string")if(a==="true")i=!0;else if(a==="false")i=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof a=="boolean"&&(i=a);return i}).every(r=>typeof r=="boolean"&&r)}}}var Qe=class extends q{constructor(){super(...arguments);this.baseType="string"}getResult(){return this.textContent.trim()}};n([d({type:String,attribute:"base-type"})],Qe.prototype,"baseType",2);customElements.define("qti-base-value",Qe);var gt=class extends H{getResult(){let s=this.getVariables();if(this.children.length===2){let e=s[0],t=s[1];if(e.baseType==="directedPair"&&t.baseType==="directedPair"&&e.cardinality==="multiple"){let r=e.value,o=t.value;return r.filter(l=>o.includes(l)).length>0}else if(e.baseType==="directedPair"&&t.baseType==="directedPair"&&e.cardinality==="single"){let r=e.value;return t.value.includes(r)}else console.error("unsupported baseType or cardinality in qti contains, only baseType: directedPair and cardinality: multiple is supported")}else console.error("unexpected number of children in qti contains");return!1}};customElements.define("qti-contains",gt);var bt=class extends q{get interpretation(){return this.getAttribute("interpretation")||""}getResult(){let s=this.getAttribute("identifier")||"",e=this.context.variables.find(t=>t.identifier===s)||null;return e.cardinality!=="single"?e.correctResponse.length>0?e.correctResponse[0]:"":e.correctResponse}};customElements.define("qti-correct",bt);var et=class extends q{constructor(){super(...arguments);this.roundingMode="significantFigures"}get figures(){if(!this.getAttribute("figures"))return console.error("figures attribute is missing"),null;let t=parseInt(this.getAttribute("figures")||"0");return isNaN(t)?(console.error("figures attribute is not a number"),null):t<0?(console.error("figures attribute is negative"),null):t<1&&this.roundingMode==="significantFigures"?(console.error("figures cannot be smaller than 1 for RoundingMode significantFigures"),null):t}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if(this.roundingMode===null)return null;if(t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value))return console.error("unexpected cardinality in qti equal"),!1;switch(e[0].baseType){case"integer":case"float":{let o=parseFloat(t.value),a=parseFloat(r.value);if(!isNaN(o)&&!isNaN(a))return this.roundingMode==="significantFigures"?o.toPrecision(this.figures)===a.toPrecision(this.figures):Math.round(o*Math.pow(10,this.figures))/Math.pow(10,this.figures)===Math.round(a*Math.pow(10,this.figures))/Math.pow(10,this.figures);console.error(`value cannot be casted to numeric value in equalRounded operator: ${o}, ${a}`);break}default:{console.error("values other than float and int cannot be used in equalRounded operator.");break}}return!1}return console.error("unexpected number of children in qti-equal-rounded"),null}};n([d({type:String})],et.prototype,"roundingMode",2);customElements.define("qti-equal-rounded",et);var A=class{static compareSingleValues(s,e,t){switch(t){case"identifier":case"string":return s===e;case"integer":{let r=parseInt(s,10),o=parseInt(e,10);if(!isNaN(r)&&!isNaN(o))return r===o;console.error(`Cannot convert ${s} and/or ${e} to int.`);break}case"float":{let r=parseFloat(s),o=parseFloat(e);if(!isNaN(r)&&!isNaN(o))return r===o;console.error(`couldn't convert ${s} and/or ${e} to float.`);break}case"pair":case"directedPair":{let r=s.split(" ").sort(),o=e.split(" ").sort();if(r.length===2&&o.length===2)return t==="pair"&&(r.sort(),o.sort()),r.join(" ")===o.join(" ");console.error(`compared two pair but one of the values does not have 2 values: 1: ${s} 2: ${e}`);break}}return!1}};var tt=class extends q{constructor(){super(...arguments);this.toleranceMode="exact"}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];return this.toleranceMode!=="exact"?(console.error("toleranceMode is not supported yet"),!1):t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value)?(console.error("unexpected cardinality in qti equal"),!1):A.compareSingleValues(t.value,r.value,t.baseType)}return console.error("unexpected number of children in qti-equal"),null}};n([d({type:String})],tt.prototype,"toleranceMode",2);customElements.define("qti-equal",tt);var vt=class extends q{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];if((e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float"))return+e.value>+t.value;console.error("unexpected baseType or cardinality in qti gt")}return console.error("unexpected number of children in qt"),null}};customElements.define("qti-gt",vt);var yt=class extends H{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return(e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float")?+e.value>=+t.value:(console.error("unexpected baseType or cardinality in qti gte"),null)}return console.log("unexpected number of children in qte"),null}};customElements.define("qti-gte",yt);var xt=class extends q{getResult(){if(this.children.length===1){let s=this.getVariables();if(!s)return!0;let e=s[0].value;return e==null||e==null||e===""}return console.error("unexpected number of children in qti Null"),null}};customElements.define("qti-is-null",xt);var Et=class extends q{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];if((e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float"))return+e.value<+t.value;console.error("unexpected baseType or cardinality in qti lt")}return console.error("unexpected number of children in lt"),null}};customElements.define("qti-lt",Et);var Ct=class extends H{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return(e.baseType==="integer"||e.baseType==="float")&&(t.baseType==="integer"||t.baseType==="float")?+e.value<=+t.value:(console.error("unexpected baseType or cardinality in qti lte"),null)}return console.log("unexpected number of children in lte"),null}};customElements.define("qti-lte",Ct);var rt=class extends q{getResult(){let s=this.context.variables.find(o=>o.identifier===this.identifier);if(!s)return console.warn(`Response ${this.identifier} can not be found`),null;let e=s.mapping,t=Array.isArray(s.value)?s.value:[s.value],r=0;for(let o of t){let a=e.mapEntries.find(i=>A.compareSingleValues(i.mapKey,o,s.baseType));a==null||a.mappedValue==null?r+=e.defaultValue:r+=a.mappedValue}return e.lowerBound!=null&&(r=Math.max(e.lowerBound,r)),e.upperBound!=null&&(r=Math.min(e.upperBound,r)),r}};n([d({type:String})],rt.prototype,"identifier",2);customElements.define("qti-map-response",rt);var ye=class extends v{constructor(){super(...arguments);this.defaultValue=0}get mapEntries(){return Array.from(this.querySelectorAll("qti-map-entry")).map(e=>({mapKey:e.getAttribute("map-key"),mappedValue:+e.getAttribute("mapped-value")}))}};n([d({attribute:"default-value",type:Number})],ye.prototype,"defaultValue",2),n([d({attribute:"lower-bound",type:Number})],ye.prototype,"lowerBound",2),n([d({attribute:"upper-bound",type:Number})],ye.prototype,"upperBound",2);customElements.define("qti-mapping",ye);var qt=class c extends q{getResult(){if(this.children.length===2){let s=this.getVariables(),e=s[0],t=s[1];return c.match(e,t)}return console.error("unexpected number of children in match"),null}static match(s,e){switch(e.cardinality){case"single":return s.value===null?!1:Array.isArray(s.value)||Array.isArray(e.value)?(console.error("unexpected cardinality in qti match"),!1):A.compareSingleValues(s.value?.toString(),e.value.toString(),e.baseType);case"ordered":{if(!Array.isArray(s.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(s.value.length!==e.value.length)return!1;for(let t=0;t<s.value.length;t++)if(!A.compareSingleValues(e.value[t],s.value[t],e.baseType))return!1;return!0}case"multiple":{if(!Array.isArray(s.value)||!Array.isArray(e.value))return console.error("unexpected cardinality in qti match"),!1;if(s.value.length!==e.value.length)return!1;let t=0;for(let r of e.value){let o=null,a=[...s.value];for(let i of a)if(A.compareSingleValues(r,i,e.baseType)){o=i;break}if(o!==null)a.splice(a.indexOf(o),1);else return!1;t++}return!0}default:return console.error("unexpected cardinality in qti match"),!1}}};customElements.define("qti-match",qt);var Tt=class extends q{getResult(){let s=this.getVariables();this.children.length!==2&&console.warn("The member operator takes two sub-expressions");let[e,t]=s;if(e.baseType===t.baseType||e.baseType==="integer"&&t.baseType==="float"||e.baseType==="float"&&t.baseType==="integer"||console.warn("Which must both have the same base-type"),t.cardinality==="multiple"||t.cardinality==="ordered"||console.warn("and the second must be a multiple or ordered container"),(e.baseType==="float"||t.baseType==="float")&&console.warn("The member operator should not be used on sub-expressions with a base-type of float"),(e.baseType==="duration"||t.baseType==="duration")&&console.warn("It must not be used on sub-expressions with a base-type of duration"),e.value===null||t.value===null)return null;let r=e.value;return t.value.includes(r)}};customElements.define("qti-member",Tt);var Mt=class extends q{getResult(){let s=this.getVariables();if(s.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of s)if(e.cardinality!=="multiple"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti multiple"),[];return s}};customElements.define("qti-multiple",Mt);var wt=class extends q{render(){return u`${super.render()}`}getResult(){return!this.firstElementChild.calculate()}};customElements.define("qti-not",wt);var St=class extends H{getResult(){return Array.from(this.children).map(e=>{let t=e;if(!t.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let r=t.calculate(),o=!1;if(typeof r=="string")if(r==="true")o=!0;else if(r==="false")o=!1;else return console.error("unexpected val in qti-or, expected boolean"),null;else typeof r=="boolean"&&(o=r);return o}).some(e=>typeof e=="boolean"&&e)}};customElements.define("qti-or",St);var _t=class extends q{getResult(){let s=this.getVariables();if(s.length===0)return console.error("unexpected number of children in qti multiple"),null;for(let e of s)if(e.cardinality!=="ordered"&&e.cardinality!=="single")return console.error("unexpected cardinality in qti ordered"),[];return s}};customElements.define("qti-ordered",_t);var ze=class extends v{render(){let s=this.context?.variables.find(e=>e.identifier===this.identifier)?.value;return u`${JSON.stringify(s,null,2)}`}calculate(){return this.context.variables.find(e=>e.identifier===this.identifier)||null}};n([d({type:String})],ze.prototype,"identifier",2),n([D({context:L,subscribe:!0}),C()],ze.prototype,"context",2);customElements.define("qti-printed-variable",ze);var kt=class extends q{getResult(){return this.getVariables().reduce((t,r)=>{if(r.baseType=="float"||r.baseType=="integer")try{return t*parseInt(r.value.toString())}catch{console.warn("can not convert to number")}else console.warn(`has another baseType ${r.baseType}`);return t},1)}};customElements.define("qti-product",kt);var it=class extends mr(q){getResult(){return this.calculateChildren(Array.from(this.children))}};function mr(c){return class extends c{calculateChildren(e){let t=e.map(r=>{if(!r.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let o=r.calculate();return Number.isNaN(o)?(console.error("Unexpected value in qti-subtract, expected number"),null):Number(o)});return t.some(r=>r===null)?(console.error("One or more child expressions returned invalid values"),0):t[0]-t[1]}}}customElements.define("qti-subtract",it);var st=class extends q{constructor(){super(...arguments);this.caseSensitive="true"}getResult(){if(this.children.length===2){let e=this.getVariables(),t=e[0],r=e[1];if(t.cardinality!=="single"||r.cardinality!=="single"||Array.isArray(t.value)||Array.isArray(r.value))return console.error("unexpected cardinality in qti string-match"),!1;let o=this.caseSensitive==="true"?t.value:t.value.toLowerCase(),a=this.caseSensitive==="true"?r.value:r.value.toLowerCase();return A.compareSingleValues(o,a,t.baseType)}return console.error("unexpected number of children in qti-string-match"),null}};n([d({type:String,attribute:"case-sensitive"})],st.prototype,"caseSensitive",2);customElements.define("qti-string-match",st);var Rt=class extends q{constructor(){super(),this._expression=new Lt(Array.from(this.children))}getResult(){return this._expression.calculate()}},Lt=class{constructor(s){this.expressions=s}calculate(){return this.expressions.map(e=>{if(!e.calculate)return console.error("Element doesn't implement QtiConditionExpression"),null;let t=e.calculate();return Number.isNaN(t)?(console.error("unexpected value in qti-sum, expected number"),null):Number(t)}).reduce((e,t)=>e+t,0)}};customElements.define("qti-sum",Rt);var At=class extends q{getResult(){let s=this.getAttribute("identifier");return this.context.variables.find(t=>t.identifier===s).value}};customElements.define("qti-variable",At);var ot=class extends v{render(){return u`<slot></slot>`}};ot=n([m("qti-content-body")],ot);var P=class extends v{handleclassNamesChange(){this.classNames.split(" ").forEach(e=>{switch(e){case"qti-rubric-discretionary-placement":this.setAttribute("slot","qti-rubric-block");break;case"qti-rubric-inline":this.setAttribute("slot","");break;default:break}})}render(){return u`<slot></slot>`}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","qti-rubric-block")}};P.styles=g`
886
+ :host {
887
+ display: block;
888
+ }
889
+ `,n([d({type:String})],P.prototype,"id",2),n([d({type:String})],P.prototype,"use",2),n([d({type:String})],P.prototype,"view",2),n([d({type:String,attribute:"class"})],P.prototype,"classNames",2),n([w("classNames",{waitUntilFirstUpdate:!0})],P.prototype,"handleclassNamesChange",1),P=n([m("qti-rubric-block")],P);var nt=class extends v{constructor(){super(...arguments);this.styleElement=null}firstUpdated(e){super.firstUpdated(e);let t=this.getAttribute("href");if(t!==null&&fetch(t).then(r=>r.text()).then(r=>{let o=this.minifyCss(r);this.styleElement=document.createElement("style"),this.styleElement.media="screen",this.styleElement.textContent=`@scope {${o}}`,this.parentElement?this.parentElement.appendChild(this.styleElement):console.warn("No parent element to append the scoped stylesheet to.")}).catch(r=>{console.error("Failed to load stylesheet:",r)}),this.textContent!==null&&this.textContent.trim()!==""){let r=this.minifyCss(this.textContent);this.styleElement=document.createElement("style"),this.styleElement.media="screen",this.styleElement.textContent=`@scope {${r}}`,this.parentElement?this.parentElement.appendChild(this.styleElement):console.warn("No parent element to append the scoped stylesheet to.")}}minifyCss(e){return e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s+/g," ").replace(/\s*([{}:;])\s*/g,"$1").trim()}disconnectedCallback(){if(this.styleElement)try{this.styleElement.remove()}catch(e){console.error("Could not remove stylesheet:",e)}super.disconnectedCallback()}};nt=n([m("qti-stylesheet")],nt);var re=class extends v{render(){return u`<slot></slot>`}defaultValues(s){let e=Array.from(this.querySelectorAll("qti-default-value > qti-value"));if(e.length===0)return null;let t=e.map(r=>r.innerHTML.trim());return t.length>1||s.cardinality==="multiple"||s.cardinality==="ordered"?t:t[0]}};re=n([m("qti-variabledeclaration")],re);var F=class extends re{constructor(){super(...arguments);this.externalScored=null}render(){let e=this.itemContext?.variables.find(t=>t.identifier===this.identifier)?.value;return u`${JSON.stringify(e,null,2)}`}get interpolationTable(){let e=this.querySelector("qti-interpolation-table");if(e){let t=new Map;for(let r of e.querySelectorAll("qti-interpolation-table-entry")){!r.getAttribute("source-value")&&r.getAttribute("target-value")&&console.error("source-value or target-value is missing in qti-interpolation-table-entry");let o=parseInt(r.getAttribute("source-value")),a=parseInt(r.getAttribute("target-value"));(isNaN(o)||isNaN(a))&&console.error("source-value or target-value is not a number in qti-interpolation-table-entry"),t.set(o,a)}return t}return null}connectedCallback(){super.connectedCallback();let e={identifier:this.identifier,cardinality:this.cardinality,baseType:this.baseType,type:"outcome",value:null,interpolationTable:this.interpolationTable,externalScored:this.externalScored};e.value=this.defaultValues(e),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:e}}))}};F.styles=[g`
890
+ :host {
891
+ display: none;
892
+ }
893
+ `],n([d({type:String,attribute:"base-type"})],F.prototype,"baseType",2),n([d({type:String,attribute:"external-scored"})],F.prototype,"externalScored",2),n([d({type:String})],F.prototype,"identifier",2),n([d({type:String})],F.prototype,"cardinality",2),n([D({context:L,subscribe:!0}),C()],F.prototype,"itemContext",2),F=n([m("qti-outcome-declaration")],F);var X=class extends re{render(){let s=this.itemContext?.variables.find(e=>e.identifier===this.identifier)?.value;return u`${JSON.stringify(s,null,2)}`}connectedCallback(){super.connectedCallback();let s={baseType:this.baseType,identifier:this.identifier,correctResponse:this.correctResponse,cardinality:this.cardinality||"single",mapping:this.mapping,value:null,type:"response",candidateResponse:null};s.value=this.defaultValues(s),this.dispatchEvent(new CustomEvent("qti-register-variable",{bubbles:!0,composed:!0,detail:{variable:s}}))}get correctResponse(){let s,e=this.querySelector("qti-correct-response");if(e){let t=e.querySelectorAll("qti-value");if(this.cardinality==="single"&&t.length>0)s=t[0].textContent.trim(),t[0].remove();else if(this.cardinality!=="single"){s=[];for(let r=0;r<t.length;r++)s.push(t[r].textContent.trim()),t[r].remove()}}return s}get mapping(){return this.querySelector("qti-mapping")}};X.styles=[g`
894
+ :host {
895
+ display: none;
896
+ }
897
+ `],n([d({type:String,attribute:"base-type"})],X.prototype,"baseType",2),n([d({type:String})],X.prototype,"identifier",2),n([d({type:String})],X.prototype,"cardinality",2),n([D({context:L,subscribe:!0}),C()],X.prototype,"itemContext",2),X=n([m("qti-response-declaration")],X);export{S as a,pe as b,Xe as c,xe as d,qe as e,Te as f,Me as g,we as h,de as i,ue as j,z as k,J as l,k as m,he as n,Se as o,me as p,fe as q,Y as r,_e as s,ke as t,be as u,Re as v,Ke as w,Le as x,Q as y,De as z,ee as A,U as B,He as C,B as D,se as E,Je as F,Ve as G,te as H,ve as I,$ as J,I as K,Ne as L,$e as M,Ie as N,dt as O,Ze as P,Oe as Q,O as R,Ge as S,ut as T,ht as U,mt as V,Pe as W,Fe as X,ft as Y,cr as Z,hr as _,Qe as $,gt as aa,bt as ba,et as ca,tt as da,vt as ea,yt as fa,xt as ga,Et as ha,Ct as ia,rt as ja,ye as ka,qt as la,Tt as ma,Mt as na,wt as oa,St as pa,_t as qa,ze as ra,kt as sa,it as ta,mr as ua,st as va,Rt as wa,Lt as xa,At as ya,ot as za,P as Aa,nt as Ba,F as Ca,X as Da};
898
+ /*! Bundled license information:
899
+
900
+ lit-html/node/directives/if-defined.js:
901
+ (**
902
+ * @license
903
+ * Copyright 2018 Google LLC
904
+ * SPDX-License-Identifier: BSD-3-Clause
905
+ *)
906
+
907
+ lit-html/node/directives/repeat.js:
908
+ (**
909
+ * @license
910
+ * Copyright 2017 Google LLC
911
+ * SPDX-License-Identifier: BSD-3-Clause
912
+ *)
913
+
914
+ lit-html/node/directives/unsafe-html.js:
915
+ (**
916
+ * @license
917
+ * Copyright 2017 Google LLC
918
+ * SPDX-License-Identifier: BSD-3-Clause
919
+ *)
920
+
921
+ lit-html/node/directives/style-map.js:
922
+ (**
923
+ * @license
924
+ * Copyright 2018 Google LLC
925
+ * SPDX-License-Identifier: BSD-3-Clause
926
+ *)
927
+
928
+ lit-html/node/directives/ref.js:
929
+ (**
930
+ * @license
931
+ * Copyright 2020 Google LLC
932
+ * SPDX-License-Identifier: BSD-3-Clause
933
+ *)
934
+ */